[英]How do I prevent the decimal point from repeating?
I am in the early process of creating a calculator and just testing out my code.我正处于创建计算器的早期过程,只是在测试我的代码。 How do I prevent the decimal point from repeating?
如何防止小数点重复? Basically, I need the decimal point to only be displayed once when clicked.
基本上,我需要小数点在点击时只显示一次。
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; } });
<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>
Another option is to disable button after it has been pressed.另一种选择是在按下按钮后禁用按钮。 Make sure if you clear values to reset back to (disable: false).
确保您清除了要重置回的值(禁用:false)。
function singleClick() { document.getElementById("decimal-point").disabled = true; function singleClick() { document.getElementById("decimal-point").disabled = true;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.