How to stop inputA from changing?

Question

so how can i make inputA and inputB have different numbers? right now inputA is the same as 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");
      });
    });

  })
})

Answer 1

First of all document.querySelectorAll doesnt return array. The proper usage is:

Array.from(document.querySelectorAll(selector)).forEach... 

Please check the reference https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll

You dont declare variables inputA and inputA (let inputA, let inputB). What's more, display.textContent in case B is equal to the display.textcontent from the case A. Because it's the same element. Despite you attempt to clear textContent in the upperscope (case B) it has no effect.