首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何防止小数点重复?

如何防止小数点重复?
EN

Stack Overflow用户
提问于 2020-09-17 08:47:24
回答 1查看 53关注 0票数 1

我正在创建一个计算器的早期过程中,只是测试我的代码。如何防止小数点重复?基本上,我需要小数点只显示一次时,点击。

代码语言:javascript
运行
复制
let display = document.querySelector('.display');

let numberButtons = document.querySelectorAll('.number').forEach(function(numberButtons) {
  numberButtons.addEventListener('click', showNumber)

  function showNumber() {
    if (display.textContent == 0) {
      display.innerHTML = "";
    }
    display.innerHTML += numberButtons.innerHTML;
  }
});
代码语言:javascript
运行
复制
<body>
  <div class='container'>
    <div class="display">0</div>
    <button class='number' id='one'>1</button>
    <button class='number' id="two">2</button>
    <button class='number' id='decimal-point'>.</button>
  </div>
</body>

EN

回答 1

Stack Overflow用户

发布于 2020-09-17 10:12:05

另一种选择是在按钮被按下后禁用该按钮。确保清除要重置回的值(disable: false)。

函数singleClick() {true= true;

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63929756

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档