如何在 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>
我希望结果显示为按钮下方的文本，并显示“您的结果是..”
如果你能做到，请把代码发给我。
Smart猫小萌2回答
-
烙印99
只需div在按钮后创建一个元素：<div id="result"></div>并通过替换您的alert代码使用总和结果更新它：var result = parseInt(x, 10) + parseInt(y, 10);document.getElementById('result').innerHTML = 'Your result is ' + result; -
吃鸡游戏
<body> <div>1st Number : <input type="text" id="num1" /></div> <div>2nd Number: <input type="text" id="num2" /></div> <button onclick="add()">Addition</button> <div id='result'></div> <script> function add() { let x = document.getElementById('num1').value; let y = document.getElementById('num2').value; if(x.length == 0 || y.length == 0){ alert("Numbers cannot be blank"); document.getElementById('result').innerText = ''; return; } else if(isNaN(x) || isNaN(y)){ alert("Value entered is not numeric"); } var result = Number(x) + Number(y); document.getElementById('result').innerText = "Your result is: " + result; } </script></body>
随时随地看视频慕课网APP
相关分类
JavaScript