2

Как можно не получить, а вернуть значение в input?

Например (может быть не супер пример, но думаю суть ясна): HTML:

<input type="number" id="firstNum">
<input type="number" id="result">
<input type="submit" onclick="CalculateNums()">

JS:

function CalculateNums() {  
    var a = document.getElementById("firstNum").value;  
    var b = 5;
    var c = document.getElementById("result").value;
    c = a + b;   
    return c;  
}  

Нужно чтобы взяло значение из 1-го input'a, добавило к нему 5 и вывело результат в второй input

Я начинающий программист, пробовал сам, гуглил, но ничего не получается.

0

4 ответа 4

2

Изменяя переменную c, вы изменяете содержимое самой переменной, а не value у блока.

function CalculateNums() {  
    var a = parseFloat( document.getElementById("firstNum").value );  
    var b = 5;
    
    document.getElementById("result").value = a + b;   
    var c = document.getElementById("result").value;
    
    return c;  
};
<input type="number" id="firstNum">
<input type="number" id="result">
<input type="submit" onclick="CalculateNums()">

И ещё: нужно value приводить в цифренный формат, так-как при получении оно выводит не цифры, а строку

1
  • Спасибо большое, все работает
    – David RJ
    14 апр 2017 в 12:19
1

Для того, чтобы установить значение поля ввода (элемента input), нужно присвоить значение его свойству value

function CalculateNums() {  
    var a = document.getElementById("firstNum").value;  
    var b = 5;
    var c = document.getElementById("result"); // получаем весь элемент, а не его текущее значение
    c.value = a + b; // устанавливаем свойство value
    return c;  // в данном случае использовать return не обязательно
} 
0

Так?

function saveInputValue() { return input(); }
0

Записать просто в поле value

document.getElementById("result").value = c;

Ваш ответ

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

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