我想根据文本框值和值计算 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/