需要使用javascript在文本框中显示添加结果

Need to display result of addition in a text box using javascript

本文关键字：显示 添加 结果 文本 javascript      更新时间：2024-05-03

我需要创建两个文本框，用户可以在其中插入数字，以及一个添加数字的按钮。

我需要使用.val（）从html主体中获取数据，这就完成了。

我的问题是，我不知道如何在文本框中显示结果，并且不使用警报选项。

救命！

您需要向html元素添加更改侦听器，并且需要在更改时运行一个函数。

<input type='number' id='firstBox' onChange='calculate()' />
<input type='number' id='secondBox' onChange='calculate()' />
<input type='number' id='answerBox' />

function calculate(){
    var first = Number(document.getElementById('firstBox').value)
    var second = Number(document.getElementById('secondBox').value)
    var answer = document.getElementById('answer')
    answer.value = first + second
}

此外，我在这里为您创建了一个快速小提琴，一定要看看它，它会帮助您熟悉。

相关文章：