Для вывода суммы двух текстовых полей в JavaScript, необходимо выполнить следующие шаги:
- Получить доступ к текстовым полям с помощью их уникальных идентификаторов. Допустим, у нас есть два текстовых поля с идентификаторами "text1" и "text2".
<input type="text" id="text1"> <input type="text" id="text2">
- Получить значения из текстовых полей с помощью свойства
value
. Для этого мы можем использовать методdocument.getElementById()
, чтобы получить доступ к элементам по их идентификаторам.
let value1 = document.getElementById("text1").value; let value2 = document.getElementById("text2").value;
- Преобразовать полученные значения из текстовых полей в числа, используя функцию
parseInt()
илиparseFloat()
. Например:
let number1 = parseInt(value1); let number2 = parseInt(value2);
- Вычислить сумму двух чисел с помощью оператора
+
.
let sum = number1 + number2;
- Вывести результат суммы в удобной форме, например, в консоль или в другое текстовое поле.
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
.