多次点击按钮的javascript问题

我不熟悉javascript，只想制作一个简单的网页，用户输入一个数字（id=“number”），然后单击几个按钮（btn6或btn7等）中的一个，然后将输入的数字乘以按钮上的数字。下面的代码可以工作，但如果按钮被多次单击，则无法工作。这是为什么？我如何改变它

L100变量
请输入一个数字

x2
x6
x7
x78
x90

document.getElementById（“btn2”）.onclick=function（）{
var输入=document.getElementById（“number”）.value；
var输出=输入*2；
document.getElementById（“输出”）.innerHTML=output；
}

您正在将输出值设置为

input*2

。再次单击按钮效果很好：它将输入值乘以2，并将其发送到输出。如果输入值在此期间没有更改，则输出值将是相同的，并且再次单击按钮看起来什么也没做

如何修复此问题取决于您想要的确切行为。如果要将输入在一行中相乘几次，并使其每次递增，则只需设置输入元素的值而不是输出元素的值，如下所示：

L100变量
请输入一个数字

x2
x6
x7
x78
x90

document.getElementById（“btn2”）.onclick=function（）{
var inputElement=document.getElementById（“编号”）；
变量输入=inputElement.value；
var输出=输入*2；
inputElement.value=输出；
//可选：
document.getElementById（“输出”）.innerHTML=output；
}

它正在工作，只是不是你想象的那样。当前，将输入乘以2，输出将为输入*2。如果您一直按“乘以2”按钮，则输入保持不变，因此输出保持不变。如果您想让您的行为一次又一次地乘以2，那么您需要将输入也调整为乘以2

比如：

    document.getElementById("number").value = output;

---

再次单击按钮时会发生什么情况？输出的html是否与第一次单击后保持相同？您是否尝试过在单击处理程序中放置console.log或debugger语句以更好地了解当前行为？您无法设置

的

.innerHTML

，您需要设置

.value

。谢谢您的帮助