我想从文本框值计算 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>我希望结果显示为按钮下方的文本，并显示“您的结果是..”如果你能做到，请把代码发给我。
2 回答
烙印99
TA贡献1829条经验 获得超13个赞
只需div在按钮后创建一个元素：
<div id="result"></div>
并通过替换您的alert代码使用总和结果更新它：
var result = parseInt(x, 10) + parseInt(y, 10);
document.getElementById('result').innerHTML = 'Your result is ' + result;
吃鸡游戏
TA贡献1829条经验 获得超7个赞
<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>
添加回答
举报
0/150
提交
取消