显示三个文本框之和的输出-Javascript

Displaying output of the sum of three textboxes - Javascript

本文关键字：和的 输出 -Javascript 文本 三个 显示      更新时间：2023-09-26

如何显示三个文本框之和的输出？

这是我当前的javascript代码

function sum() {       
            var result = parseInt(text1) + parseInt(text2) + parseInt(text3);
            if(!isNaN(result)) {
            document.getElementByID(sum).value = result;
            }

我已经将HTML中的三个文本框命名为"text1"、"text2"answers"text3"，相应地命名为

此外，我想在"数字之和是："旁边的HTML中输出这个：我该怎么做？

试试这个例子：

<label for='txt1'>First Num:</label>
<input type='text' id='txt1' />
<br>
<label for='txt2'>Second Num:</label>
<input type='text' id='txt2' />
<br>
<label for='txt3'>Third Num:</label>
<input type='text' id='txt3' />
<br>
<button onclick="sum()">Get Sum</button>
<p id='sum'></p>
<script>
    function sum() {
        var text1 = parseInt(document.getElementById('txt1').value),
            text2 = parseInt(document.getElementById('txt2').value),
            text3 = parseInt(document.getElementById('txt3').value);
        var total = text1 + text2 + text1;
        if(!isNaN(total)) {
               document.getElementById('sum').innerText = 'The sum of the numbers are: ' + total;
        }
    }
</script>

请参阅此处的小提琴

相关文章：