✍🏻계산기 만들기

🥲 첫번째 방법
const display = document.querySelector(".calculator__display--for-advanced"); 
let firstNum, operatorForAdvanced, previousKey, previousNum, enteredNum;
let count = 0;
buttons.addEventListener("click", function (event) {
  const target = event.target;
  const action = target.classList[0];
  const buttonContent = target.textContent;
  if (target.matches("button")) {
  if (action === "calculate") {
    if (count === 0) {
    firstNum = calculate(display.textContent,operatorForAdvanced,previousNum);
    } else if (count !== 0) {
    previousNum = calculate(display.textContent,operatorForAdvanced,previousNum);
    }
    count++;
    }
  }
});

---

🔥두번째 방법
const display = document.querySelector(".calculator__display--for-advanced"); 
let firstNum, operatorForAdvanced, previousKey, previousNum;
buttons.addEventListener("click", function (event) {
  const target = event.target;
  const action = target.classList[0];
  const buttonContent = target.textContent;
  if (target.matches("button")) {
  if (action === "calculate") {
    if (display.textContent === "0") {
      firstNum = calculate(
        display.textContent,
        operatorForAdvanced,
        previousNum
      );
    } else if (firstNum !== "0") {
      previousNum = display.textContent;
      display.textContent = calculate(
        firstNum,
        operatorForAdvanced,
        display.textContent
      );
    }
  }
});

🧘 첫번째 방법으로 어떻게라도 껴맞춰서 해보았다. 원하는 기능이 나왔지만 다른 곳에서 문제가 생겼다. 두번째 방법을 구현해보았는데, 소수점이 구현이 되지만 엔터기능이 듬성듬성 하나식 안 맞았다. 확실히 나는 논리적으로 구현하는게 많이 부족한 것 같다. 모든 기능을 포함하는 것을 생각해야하는데 하나씩 맞춰가는 식이다. 그러다보니 하나가 맞춰지면 다른 곳에서 문제가 생긴다. 어쩌겠어. 계속해야지