3

Здравствуйте, при скрипте:

function pl(){
//document.getElementById('inp2').value
alert(document.getElementById('inp2').value+document.getElementById('inp2').value);
}

Если value=12, выдает 1212.. Что и как нужно сделать, чтобы получилось 24?

3
  • В числа переведите оба значения и складывайте, например
    – Visman
    Commented 13 июн. 2017 в 17:26
  • Используйте - > parseInt(string, radix); Commented 13 июн. 2017 в 17:29
  • Значения любого input js принимает как string, если ваши значения цифрового типа то нужно преобразовать их явно методами parseInt, parseFloat, смотря какие значения у вас в полях. подробно об этом можете прочитать здесь http://javascript.ru/parseint, http://javascript.ru/parsefloat. Commented 13 июн. 2017 в 20:11

3 ответа 3

2

Аттрибуты являются строками и оператор + является для них операцией конкатенации. Для сложения строк как чисел, нужно явно распарсить строку в число.

Например функция parseInt:

alert(parseInt(document.getElementById('inp2').value)+parseInt(document.getElementById('inp2').value));

Еще есть вариант через унарный оператор +:

var test1 = +document.getElementById('inp2').value; alert(test1+test1)

На learn.javascript.ru можно прочитать подробней про преобразования.

UPDATE

Есть особенность работы parseInt: в разных браузерах строки, которые начинаются с 0 ( например '010') могут преобразоваться либо в восмеричную( в примере получится 8), либо в десятичную систему счисления. Описание на mdn.

По спецификации ecmascript 5 по умолчанию явно задаётся десятичная система счисления, т.е. parseInt('010') -> 10

7
  • спасибо большое Commented 13 июн. 2017 в 17:38
  • 1
    parseInt('0xf') даст 15, так что лучше дописывать 10 вторым параметром
    – andreymal
    Commented 13 июн. 2017 в 17:48
  • Если значение не попадает под паттерн 0x... или 0..., то парсится в десятичную систему счисления Commented 13 июн. 2017 в 17:53
  • Обязательно найдётся пользователь, который введёт число с нулём в начале и в результате получит совсем не то что ожидал
    – andreymal
    Commented 13 июн. 2017 в 18:23
  • @TatevikKhachatryan галочка слева - щёлк :)
    – user176262
    Commented 13 июн. 2017 в 18:25
1

value у inputа содержит строку. А сложение превращается в конкатенацию если хотя бы один из аргументов - строка. Чтобы привести строку к числу надо использовать унарный плюс.

var s = "12", x = 12;

console.log(JSON.stringify(s + s));   // "1212"
console.log(JSON.stringify(s + x));   // "1212"
console.log(JSON.stringify(x + s));   // "1212"
console.log(JSON.stringify(x + x));   // 24

var y = +s;

console.log(JSON.stringify(y + y));   // 24

3
  • Зачем переводить в json постоянно? Commented 13 июн. 2017 в 19:35
  • @НазарКалитюк попробуйте без него
    – user176262
    Commented 13 июн. 2017 в 21:24
  • @НазарКалитюк, для вывода на консоль, чтобы строки в кавычках оказались, а то во встроенной консоли (в отличие от настоящей браузерной) число от строки не отличишь.
    – Qwertiy
    Commented 13 июн. 2017 в 23:14
1

используйте parseInt(строкаВвидеЧисла)

function pl(){
 if(document.getElementById('inp2').value == "") {
alert("0");
}
else {
alert(parseInt(document.getElementById('inp2').value)+parseInt(document.getElementById('inp2').value));

}

}
<input id="inp2" type="number" required>
<button onclick="pl()">Сложить</button>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.