Javascript 单击按钮后如何删除0？

例如，当我单击

1

或

2

时，

显示中的
0
将被单击的按钮覆盖


let display=document.querySelector（'.display'）；
让numberButtons=document.querySelectorAll（'.number'）.forEach（函数（numberButtons）{
numberButtons.addEventListener（'单击'，显示编号）
函数showNumber（）{
display.innerHTML+=numberButtons.innerHTML
}
});

0
1.
2.
您的按钮文本似乎总是数字，显示的结果应该是由这些数字组成的数字

您可以将结果转换为数字（使用一元
+
）并指定：

display.textContent = +(display.textContent + numberButtons.textContent)

注意：在需要支持HTML编码字符串时，最好保留使用
innerHTML
。否则请使用
textContent


let display=document.querySelector（'.display'）；
让numberButtons=document.querySelectorAll（'.number'）.forEach（函数（numberButtons）{
numberButtons.addEventListener（'单击'，显示编号）
函数showNumber（）{
display.innerHTML=+（display.innerHTML+numberButtons.innerHTML）；
}
});

0
1.
2.
您的按钮文本似乎总是数字，显示的结果应该是由这些数字组成的数字

您可以将结果转换为数字（使用一元
+
）并指定：

display.textContent = +(display.textContent + numberButtons.textContent)

注意：在需要支持HTML编码字符串时，最好保留使用
innerHTML
。否则请使用
textContent


let display=document.querySelector（'.display'）；
让numberButtons=document.querySelectorAll（'.number'）.forEach（函数（numberButtons）{
numberButtons.addEventListener（'单击'，显示编号）
函数showNumber（）{
display.innerHTML=+（display.innerHTML+numberButtons.innerHTML）；
}
});

0
1.
2.
您只需添加一条
if
语句，说明
显示屏中是否有
0
如果（display.textContent==0）{display.innerHTML=“”；}
只需执行以下操作，请在添加类似内容之前删除它

例子

let display=document.querySelector（'.display'）；
让numberButtons=document.querySelectorAll（'.number'）.forEach（函数（numberButtons）{
numberButtons.addEventListener（'单击'，显示编号）
函数showNumber（）{
如果（display.textContent==0）{
display.innerHTML=“”；
}
display.innerHTML+=numberButtons.innerHTML；
}
});

0
1.
2.
您只需添加一条
if
语句，说明
显示屏中是否有
0
如果（display.textContent==0）{display.innerHTML=“”；}
只需执行以下操作，请在添加类似内容之前删除它

例子

let display=document.querySelector（'.display'）；
让numberButtons=document.querySelectorAll（'.number'）.forEach（函数（numberButtons）{
numberButtons.addEventListener（'单击'，显示编号）
函数showNumber（）{
如果（display.textContent==0）{
display.innerHTML=“”；
}
display.innerHTML+=numberButtons.innerHTML；
}
});

0
1.
2.

我仍然需要+=，但同时，我不希望0
单击按钮后显示

您可以检查display.innerHTML是否为0。因此可以决定是串联还是替换字符串


let display=document.querySelector（'.display'）；
让numberButtons=document.querySelectorAll（'.number'）.forEach（函数（numberButtons）{
numberButtons.addEventListener（'单击'，显示编号）
函数showNumber（）{
如果（display.innerHTML==“0”）{
display.innerHTML=numberButtons.innerHTML
}否则{
display.innerHTML+=numberButtons.innerHTML
}
}
});

0
1.
2.

我仍然需要+=，但同时，我不希望0
单击按钮后显示

您可以检查display.innerHTML是否为0。因此可以决定是串联还是替换字符串


let display=document.querySelector（'.display'）；
让numberButtons=document.querySelectorAll（'.number'）.forEach（函数（numberButtons）{
numberButtons.addEventListener（'单击'，显示编号）
函数showNumber（）{
如果（display.innerHTML==“0”）{
display.innerHTML=numberButtons.innerHTML
}否则{
display.innerHTML+=numberButtons.innerHTML
}
}
});

0
1.
2.
此代码段有什么问题？我已经在fiddle中尝试了您的代码，没有错误：如果您不想连接，请不要使用
+=
。考虑使用<代码>＝<代码>。我仍然需要+=，但同时，我不希望在单击按钮之后出现0。添加一个变量FixStCl，如果是真的，它是‘=’，它是‘+=’。你想连接字符串还是总数？这个代码片段有什么问题？我已经在fiddle中尝试了您的代码，没有错误：如果您不想连接，请不要使用
+=
。考虑使用<代码>＝<代码>，我仍然需要+=，但同时，我不希望在单击按钮之后出现0。添加一个变量FixStCl，如果是真的，它是‘=’，它是‘+=’。你想连接字符串还是总数？这仍然连接……？@ EngReMsXbox可以解释吗？如果我单击按钮1，处理程序将生成1111111111，我错在哪里？thanks@evolutionxbox对。这仍然连接着…？@evolutionxbox你能解释一下吗？如果我单击按钮1，处理程序将生成1111111111，我错在哪里？thanks@evolutionxbox正确的。