javascript - 如何在javascript计算器中显示消息而不是警报,如下:

标签 javascript

我想根据文本框值和值计算 x 和 y 的值 不应为空且不按字母顺序排列。我已经能够做到这一切 迄今为止。但是我不希望结果出现在弹出窗口中。我想要 结果将显示为按钮下方的文本,上面写着“您的 结果是..'.

我在网上看到他们使用 document.getElementById 但我 不知道怎么用。

<html>
    <form>
        1st Number : <input type="text" id="num1" /><br>
        2nd Number: <input type="text" id="num2" /><br><br>
        <button onclick="add(num1.value,num2.value)">Addition</button>

        <script>
            function add(x,y) {
                if(x.length == 0 || y.length == 0){
                    alert("Numbers cannot be blank");
                    return;
                }

                if(isNaN(x) || isNaN(y)){
                    alert("Value entered is not numeric");
                    return;
                }

                var result = parseInt(x) + parseInt(y);
                alert("Addition: " + result);
            }
        </script>
    </body>
</html>

我希望结果显示为按钮下方的文本,并且它 说“你的结果是..”

如果您可以的话,请将代码发送给我。

最佳答案

只需在按钮后创建一个 div 元素即可:

<div id="result"></div>

并通过替换您的警报代码来使用总和结果更新它:

var result = parseInt(x, 10) + parseInt(y, 10);
document.getElementById('result').innerHTML = 'Your result is ' + result;

关于javascript - 如何在javascript计算器中显示消息而不是警报,如下:,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58791031/

相关文章:

c# - 如何从javascript调用服务器端函数

javascript - Steam 交易机器人的共享 secret

javascript - 如何使用loopback 4自动迁移mysql数据源

javascript - 在 JavaScript 中声明一个没有名字的函数

javascript - onBackPressed 事件在 web View 中无法正常工作

javascript - server.listen() 的异步而不是 then()

Javascript 事件监听器在对象方法中不起作用

javascript - 自定义 d3 线性刻度,为 null 值而不是 0 返回 null

javascript - 计算两个日期之间的差异会导致计算错误

javascript - 计算特定长度的数据列中的事件数