Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   INPUT вместо числа выводит OBJECT (https://javascript.ru/forum/dom-window/66987-input-vmesto-chisla-vyvodit-object.html)

Ievgen2017 21.01.2017 22:35

INPUT вместо числа выводит OBJECT
 
Доброго времени суток, акулы JS!
Помогите пожалуйста разобраться с задачкой
В текстовые поля формы должны вводиться значения, сумма которых должна выводиться сообщением при нажатии на кнопку.
Но в итоге выводится NaN. А TYPEOF в консоли браузера сообщает что я имею дело с OBJECT, а мне я так понимаю нужен NUMBER.

Код верстки
<form>
А-ширина ската:
<input type="text" id="shirina" value="">

Б-длина ската:
<input type="text" id="dlina" value="">

Д-расстояние от кариниза до земли:
<input type="text" id="karniz" value="">

<input type="button" value="Рассчитать" onClick="alert(slozhenie)" />
<input type="reset" value="Очистить">
</form>

Код JS
var slozhenie = parseInt(document.getElementById('shirina')) + parseInt(document.getElementById('dlina')) + parseInt(document.getElementById('karniz'));

рони 22.01.2017 00:18

Ievgen2017,
Цитата:

Сообщение от Ievgen2017
parseInt(document.getElementById('shirina').value)

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Ievgen2017 22.01.2017 13:20

Спасибо за подсказку отформатировал добавил в конце .value, но теперь ответа вообще нет
<script type="text/javascript">
var slozhenie = parseInt(document.getElementById('shirina').value) + parseInt(document.getElementById('dlina').value)) + parseInt(document.getElementById('karniz').value));
</script>

<form>
А-ширина ската:
<input type="text" id="shirina" value="1">

Б-длина ската:
<input type="text" id="dlina" value="1">

Д-расстояние от кариниза до земли:
<input type="text" id="karniz" value="1">

<input type="button" value="Рассчитать" onClick="alert(slozhenie)" />
<input type="reset" value="Очистить">
</form>

рони 22.01.2017 13:30

Ievgen2017,
<script type="text/javascript">
var slozhenie = function() {
return  parseInt(document.getElementById('shirina').value) + parseInt(document.getElementById('dlina').value) + parseInt(document.getElementById('karniz').value);
}
</script>

<form >
А-ширина ската:
<input type="text" id="shirina" value="1">

Б-длина ската:
<input type="text" id="dlina" value="1">

Д-расстояние от кариниза до земли:
<input type="text" id="karniz" value="1">

<input type="button" value="Рассчитать" onClick="alert(slozhenie())" />
<input type="reset" value="Очистить">
</form>

Ievgen2017 22.01.2017 13:34

Понял. Низкий тебе поклон, Рони.


Часовой пояс GMT +3, время: 17:54.