计算器：如何让它接受小数和百分比？

Question

下面我将把我的 html 和 js 代码放在一起，以便更好地理解我的疑问。 现在，我正试图让它与 3.5 + 3 这样的小数一起工作，并给出正确的结果：6.5。 目前它向下舍入并给出 6。我已经准备好接受逗号的代码，下面是代码部分，但我仍然不明白如何修复它：

if (button.classList.contains("number")) {
      if (buttonValue === ",") {
          if (currentValue.indexOf(",") === -1) {
              currentValue += buttonValue;
          }
      } else {
          currentValue += buttonValue; //concatena
      }
      currentOperation.textContent = currentValue; //actualiza el currentOperation para mostrar el valor actual
    }

另一件事是百分比也不起作用......

            case "%":
                result = 100 * parseFloat(previousValue) / parseFloat(currentValue);
                break;

下面我留下html和js代码。 感谢所有愿意帮助我找到解决方案的人！

 const buttons = document.querySelectorAll(".buttons-container button"); //obtiene todos los botones const currentOperation = document.querySelector(".current-operation"); //mostrar la operación actual y el resultado del cálculo. currentOperation.textContent = "0"; buttons.forEach(button => button.addEventListener("click", handleButtonClick)); //un detector de eventos de clic, llama a la handleButtonClick función a cada clic let currentValue = ""; //valor actual ingresado let previousValue = ""; //valor anterior ingresado let operation = ""; //operación actual function handleButtonClick(event) { const button = event.target; //event.target = propiedad para obtener el botón en el que se hizo clic const buttonValue = button.textContent; //textContent = propiedad para obtener el texto del botón //botones numéricos if (button.classList.contains("number")) { if (buttonValue === ",") { if (currentValue.indexOf(",") === -1) { currentValue += buttonValue; } } else { currentValue += buttonValue; //concatena } currentOperation.textContent = currentValue; //actualiza el currentOperation para mostrar el valor actual } //botones del operador if (buttonValue === "+" || buttonValue === "-" || buttonValue === "*" || buttonValue === "/" || buttonValue === "%") { operation = buttonValue; currentOperation.textContent = operation; previousValue = currentValue; //actualiza previousValue currentValue = ""; //borra la currentValue } //botón equal if (button.classList.contains("equal-btn")) { let result; //Realizar la operación switch (operation) { case "+": result = parseFloat(previousValue) + parseFloat(currentValue); break; case "-": result = parseFloat(previousValue) - parseFloat(currentValue); break; case "*": result = parseFloat(previousValue) * parseFloat(currentValue); break; case "/": result = parseFloat(previousValue) / parseFloat(currentValue); break; case "%": result = 100 * parseFloat(previousValue) / parseFloat(currentValue); break; } //Mostrar el resultado y borrar los valores currentOperation.textContent = result; previousValue = ""; currentValue = ""; } //botón AC if (button.classList.contains("AC-btn")) { previousValue = ""; currentValue = ""; currentOperation.textContent = "0"; } }

 <div class="calc"> <div class="operations"> <,--display--> <div class="name">Calculadora</div> <div class="current-operation"></div> </div> <div class="buttons-container"> <button class="AC-btn">AC</button> <button>%</button> <button>/</button> <button class="number">7</button> <button class="number">8</button> <button class="number">9</button> <button>*</button> <button class="number">4</button> <button class="number">5</button> <button class="number">6</button> <button>-</button> <button class="number">1</button> <button class="number">2</button> <button class="number">3</button> <button>+</button> <button class="number">0</button> <button class="number">,</button> <button class="equal-btn">=</button> </div> </div>

Answer 1

parseFloat 不适用于逗号。 尝试用点替换它：

parseFloat(value.replace(",", "."));