VPF::Слияние строк, вместо сложения

NLspieler

Дата 30.5.2009, 19:54 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 619
Регистрация: 13.10.2008
Где: Берлин

Репутация: 1
Всего: 19

Решил наконец то занятся изучением ДжаваСкрипта. И практически сразу наткнулся на необычное препятствие.
Есть две формы, одна состоит из двух полей и кнопки.
Вторая состоит из одного поля, в которое должен записыватся ответ.

Задача очень простая - сложение.
Вводим числа, например 13 и 17 нажимаем на кнопку и получаем в итоге не 30, а 1317.

Т.е. как я понял, произошло слияние строк, а не сложение.
Посмотрел повнимательнее учебник. Никаких разъяснений не нашел и теперь думаю,
а как тогда проводить сложение и другие математические операции?

Код


<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8"/>
<title>TITLE</title>
<script language="JavaScript">
    function plusik()
    {
        var x = document.SuperForm.x.value ;
        var y = document.SuperForm.y.value ;
        var res = x + y ;
        document.form2.res.value = res ;
    }
</script>
</head>
    
<body>



<form name="SuperForm">
<input type="text" name="x">
<input type="text" name="y">
<input type="button" value=" плюс " onClick="plusik()">
</form>

<form name="form2">
<input type="text" name="res">
</form>

</body>

</html>

NLspieler

Дата 30.5.2009, 21:50 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 619
Регистрация: 13.10.2008
Где: Берлин

Репутация: 1
Всего: 19

Все разобрался сам. Переменные нужно сначала принудительно преобразовать в числовой тип данных.
parseInt()
parseFloat()

выполняют эту задачу.

Soah

Дата 30.5.2009, 21:51 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 512
Регистрация: 18.2.2009

Репутация: 13
Всего: 54

Функция parseInt

Код


var res = parseInt(x) + parseInt(y) ;

NLspieler

Дата 30.5.2009, 22:07 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 619
Регистрация: 13.10.2008
Где: Берлин

Репутация: 1
Всего: 19

Если никто не против, можно ли походу дела задать еще один вопрос?

Вот допустим есть таблица

Код


<table>

    <tr>
         <td id="id1">VALUE1</td>
    </tr>

    <tr>
         <td id="id2">VALUE2</td>
    </tr>
...
</table>

Можно ли яваскриптом динамически менять значения VALUE1, VALUE2 ?
Как описать скриптом соответствующее свойство?

На тот случай, если вдруг я не правильно решаю задачу, опишу ее.

Есть таблица в корзине Интренет магазина.
название товара | форма - текст инпут - количество товара | цена | стоимость

Пользователь меняет количество товара в форме и стоимость тоже мгновенно изменяется.

Soah

Дата 30.5.2009, 22:20 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 512
Регистрация: 18.2.2009

Репутация: 13
Всего: 54

Цитата(NLspieler @ 30.5.2009, 22:07

)

Если никто не против, можно ли походу дела задать еще один вопрос?

больше никогда так не делай
Правила форума

Цитата

п. 10
Запрещается создание сообщения с несколькими вопросами. На каждый вопрос должна создаваться отдельная тема. В случае возникновения таких тем администрация форума оставляет за собой право изменить текст сообщения, удалить его или закрыть тему.

Цитата(NLspieler @ 30.5.2009, 22:07

)

Как описать скриптом соответствующее свойство?

Код


alert(document.getElementById('id1').innerHTML);
alert(document.getElementById('id1').firstChild.nodeValue);

Доступ к элементам

NLspieler

Дата 30.5.2009, 22:36 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 619
Регистрация: 13.10.2008
Где: Берлин

Репутация: 1
Всего: 19

Код


alert(document.getElementById('id1').innerHTML);
alert(document.getElementById('id1').firstChild.nodeValue);

Обе работают smile

!!!
А чем они отличаются?

Это сообщение отредактировал(а) NLspieler - 30.5.2009, 22:39

Soah

Дата 30.5.2009, 22:45 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 512
Регистрация: 18.2.2009

Репутация: 13
Всего: 54

Цитата(NLspieler @ 30.5.2009, 22:36

)

А чем они отличаются?

innerHTML

Цитата

Оно содержит весь HTML-код внутри узла, и его можно менять.

firstChild и lastChild

Цитата

Свойства firstChild и lastChild показывают на первый и последний дочерние элементы и равны null, если детей нет.

Свойство nodeValue

Цитата

Свойство nodeValue обеспечивает доступ к значению данного узла. Значение узла зависит от его типа. Если значением узла может быть только null, то попытка изменить его значение игнорируется.

Добавлено через 8 минут и 16 секунд

Код


<script type="text/javascript">
    function foo() {
        alert(document.getElementById('id1').innerHTML);
        alert(document.getElementById('id1').firstChild.nodeValue);
    }
</script>

<div id="id1">1234<div>456</div></div>
<input type="button" value="click" onclick="foo()" />

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »