Question

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

这是我目前的javascript代码

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

我已将HTML中的三个文本框命名为＆＃34; text1＆＃34; ＆＃34;文本2＆＃34;和＆＃34; text3＆＃34;相应

另外，我想在HTML旁边输出这个＆＃39;数字的总和是：＆＃39;我怎么能这样做？

Answer 1

试试这个例子：

<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>

请参阅小提琴here

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

1 个答案: