Entonces, ¿cómo puedo hacer que inputA y inputB tengan números diferentes? ahora mismo inputA es lo mismo que inputB
const numbers = document.querySelectorAll(".numbers"); numbers.forEach((number) => { number.addEventListener("click", () => { display.textContent += number.innerHTML; inputA = display.textContent; console.log(inputA + "a") }); }); const functions = document.querySelectorAll(".func"); functions.forEach((fnction) => { fnction.addEventListener("click", () => { display.textContent = ""; operatorInput = fnction.innerHTML; console.log(operatorInput) numbers.forEach((number) => { number.addEventListener("click", () => { inputB = display.textContent; console.log(inputB + "b"); }); }); }) })En primer lugar, document.querySelectorAll no devuelve una matriz. El uso adecuado es:
Array.from(document.querySelectorAll(selector)).forEach...Consulte la referencia https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll
No declara las variables inputA y inputA (let inputA, let inputB). Además, display.textContent en el caso B es igual a display.textcontent del caso A. Porque es el mismo elemento. A pesar de que intenta borrar textContent en el ámbito superior (caso B), no tiene ningún efecto.