오디오 계산기를 위한 Javascript 개발 아이디어 및 조정 코드

처음 두 섹션에서는 계산기로 개발된 HTML 페이지와 JavaScript의 실습을 소개했습니다. 아래에서는 이전 실습을 바탕으로 주의해야 할 아이디어와 기타 사항을 설명합니다.

아이디어는 실제로 매우 간단합니다. 관련된 로직이 없기 때문에 주로 클릭 이벤트처럼 필요에 따라 기능을 수행하세요.

우선 HTML 페이지에 대해서는 별로 할 말이 없습니다. 기본적으로 레이아웃일 뿐입니다. HTML+CSS 숙달 정도에 따라 다릅니다. 여기서 언급하고 싶은 것은 다음 줄의 <input type="text" value="0" onfocus="this.blur();" id="result"/>, onfocus=this.blur() 입니다. code 코드의 기능은 키보드 입력을 불가능하게 만드는 것입니다. 입력형태이고 type="text"이기 때문에 키보드를 사용하여 숫자뿐만 아니라 문자, 기호도 입력할 수 있으므로, 이러한 상황을 방지하기 위해 다음과 같이 사용하겠습니다. 키보드 입력이 제한되어 있으므로 onfocus=this.blur() 코드가 사용됩니다.

다음 단계는 JavaScript 코드입니다. 우리 모두는 숫자, 기호 등 기본적인 클릭 이벤트를 생각할 수 있으며, 너무 많은 논리 없이 작성하는 것은 그리 어렵지 않습니다. 주로 소소한 문제가 있는데 소수점 등 작은 버그는 디버깅이 필요한데, 처음에는 소수점을 여러번 클릭해도 신경쓰지 않더군요. 작동하지 않으므로 수정해야 합니다. 함수는 완성됐다고 끝나는 게 아니다. 함수의 허점을 끊임없이 찾아 최적화하는 것도 가장 어려운 일이다.