Java scripts сложение

173
25 октября 2018, 15:50

var num_first = document.getElementById("one") // допустим что в "one" ввели 5

var num_second = document.getElementById("two") // в "two" ввели 6

button.addEventListener("click", () => console.log(num_first.value + num_second.value))

после нажатия выводит 56 вместо 11

Answer 1

Нужно использовать функции parseInt или parseFloat для целого и значения с запятой.

var num_first = document.getElementById("one"), 
    num_second = document.getElementById("two"), 
    button = document.getElementById("count"), 
    result = document.getElementById("result") 
 
button.addEventListener("click", () => { 
  let res = 'результат = ' + (parseInt(num_first.value) + parseInt(num_second.value)) 
  console.log( res ) 
  result.innerHTML = res 
})
<input id="one"> 
<input id="two"> 
<button id="count">count</button> 
 
<div id="result"></div>

Answer 2

Ну, так parseInt же! Не?

var num_first = document.getElementById("one") // допустим что в "one" ввели 5 
var num_second = document.getElementById("two") // в "two" ввели 6 
 
document.querySelector('button').addEventListener("click", () => console.log(parseInt(num_first.value) + parseInt(num_second.value)));
<input id="one" /> 
<input id="two" /> 
<button>Go!</button>

READ ALSO
Вывести надпись по центру

Вывести надпись по центру

Столкнулся с проблемойЯ не знаю как определенную надпись сделать по центру сайта

199
JS/JQ. Автоматический клик по блоку не всегда срабатывает

JS/JQ. Автоматический клик по блоку не всегда срабатывает

Есть ссылка вида siteru/#brand=10 При переходе на нее должен срабатывать клик по блоку с data-id=10

184
Между двоеточием и псевдоклассом ошибка an identifier expected [закрыт]

Между двоеточием и псевдоклассом ошибка an identifier expected [закрыт]

Цель при наведение на кнопку изменить цветНо пишет ошибку

191
Как отследить созданные блоки js

Как отследить созданные блоки js

При нажатии на кнопку "ADD", создаются новые элементыКак их отследить и работать с ними (менять, удалять и т

202