자바스크립트로 계산기를 만들었는데 DEL를 하면 연산자가 두번 찍힙니다

Question

자바스크립트로 계산기를 만들었는데HTML에서 버튼을 입력하면 해당하는 char값을 가져와 Add함수에서 입력하는 방식입니다. function Add(char) { var display &#61; document.getElementById('display'); if (numberClicked &#61;&#61; false) {//숫자를 입력하지 않은 상태에서 if (isNaN(char) &#61;&#61; true) {//숫자를 입력하지 않은 상태에서 연산자를 누르면 알람 호출 Alarm(); if (display.value !&#61; &#34;&#34;) { if (lastOperator &#61;&#61; false) { display.value &#43;&#61; char; return lastOperator &#61; true; } else { display.value &#61; display.value.substring(0, display.value.length - 1); display.value &#43;&#61; char; } } } else { display.value &#43;&#61; char; } //숫자를 눌렀으면 입력 } else {//이전에 숫자를 입력했다면 numberClicked &#61;&#61; true display.value &#43;&#61; char; //누르는대로 넣는다 } // 숫자/연산자를 눌렀는지 설정한다. 매우 중요함. 지우지 말 것. if (isNaN(char) &#61;&#61; true) {//숫자가 아닌 것이 참 &#61; 연산자를 눌렀다면 numberClicked &#61; false; //false로 설정 } else { numberClicked &#61; true;//true로 설정 } } function Delete() { var display &#61; document.getElementById('display'); display.value &#61; display.value.substring(0, display.value.length - 1); var lastchar &#61; display.value.charAt(display.value.length - 1); if (isNaN(lastchar) &#61;&#61; true) { return lastOperator &#61; true; //기존의 연산자를 지우고 클릭한 연산자를 입력 } else { return lastOperator &#61; false; //숫자 뒤에 연산자를 입력 } } if문을 남발해서 코드가 지저분해서 죄송합니다만, if (display.value !&#61; &#34;&#34;) { if (lastOperator &#61;&#61; false) { display.value &#43;&#61; char; return lastOperator &#61; true; } else { display.value &#61; display.value.substring(0, display.value.length - 1); display.value &#43;&#61; char; } }이 부분은 디스플레이밸류가 비어있지 않을 때, 디스플레이 밸류의 끝부분이 연산자면 true, 숫자면 false를 해서 false일 경우(즉 마지막에 숫자가 쓰여져 있을 때)에는 그대로 입력하고, true일 경우에는 기존의 연산자를 지우고 새로 입력하는 방식입니다.문제는 Delete를 실행하면 맨 처음 한번에 한해 요런 식으로 눌려버립니다. 맨 처음 Delete를 썼을 때 한번만 그렇고 그 다음부터는 안 그렇게 되는데, 뭐가 문제인지 잘 모르겠어서 질문드립니다

spoon · Accepted Answer

디버그 돌려보시는것도 좋습니다

자바스크립트로 계산기를 만들었는데 DEL를 하면 연산자가 두번 찍힙니다

1개의 답변

Q&A 목록