Для вывода суммы двух текстовых полей в JavaScript, необходимо выполнить следующие шаги:
1. Получить доступ к текстовым полям с помощью их уникальных идентификаторов. Допустим, у нас есть два текстовых поля с идентификаторами "text1" и "text2".
<input type="text" id="text1"> <input type="text" id="text2">
2. Получить значения из текстовых полей с помощью свойства value
. Для этого мы можем использовать метод document.getElementById()
, чтобы получить доступ к элементам по их идентификаторам.
let value1 = document.getElementById("text1").value; let value2 = document.getElementById("text2").value;
3. Преобразовать полученные значения из текстовых полей в числа, используя функцию parseInt()
или parseFloat()
. Например:
let number1 = parseInt(value1); let number2 = parseInt(value2);
4. Вычислить сумму двух чисел с помощью оператора +
.
let sum = number1 + number2;
5. Вывести результат суммы в удобной форме, например, в консоль или в другое текстовое поле.
console.log("Сумма: " + sum);
Общий код выглядит следующим образом:
let value1 = document.getElementById("text1").value; let value2 = document.getElementById("text2").value; let number1 = parseInt(value1); let number2 = parseInt(value2); let sum = number1 + number2; console.log("Сумма: " + sum);
Таким образом, после ввода значений в текстовые поля "text1" и "text2", в консоли будет выведена сумма этих значений. Вы также можете использовать другой способ отображения результата, например, добавив его в HTML-элемент с помощью innerText
или innerHTML
.