gpt4 book ai didi

javascript - 输入文本框不断消失

转载 作者:行者123 更新时间:2023-11-28 01:54:04 26 4
gpt4 key购买 nike

我是 javascript 的新手,我想知道为什么当我单击按钮时文本框一直消失。

这是我的代码:

<html>
<head>
</head>
<body>

<script>

function readBox()
{
var a = document.getElementById('a').value;
var b = document.getElementById('b').value;
document.write(Number(a) * Number(b));
}

</script>

<input type='text' size='29' id='a' placeholder='Enter number here...'>
<input type='text' size='29'id='b' placeholder='Enter second number here...'>
<input type='button' value='READ' onclick='readBox()'>

</body>
<html>

我如何将 document.write() 放在文本输入下,以便每次单击按钮时它都会改变?

最佳答案

不要使用 document.write。它会清除您的整个文档。相反,有一个可以写入数据的元素,比如

<p id="output"></p>

然后像这样编码:

function readBox()
{
var a = document.getElementById('a').value;
var b = document.getElementById('b').value;
document.getElementById("output").innerHTML = Number(a) * Number(b);
}

关于javascript - 输入文本框不断消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18163883/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com