'HeadFirst Javascript' 읽는 중.
2장의 도넛 가게 주문서 작성 예제를 한국식으로 변형시켜 만들어 봤다.

- 호빵 수 항목에 숫자를 넣으면 각각의 가격대로 자동으로 계산하여 총요금과 세전 요금, 세금을 표시하게 했다.

- '주문하기' 버튼을 누르면 이름을 입력했는지, 받으러 올 시간을 숫자로 입력했는지 확인하고 php로 입력한 내용을 보내 결과 주문서를 출력하게 구성되어 있다.

- onkeydown 이벤트, focus()를 이용해 엔터키를 입력하면 다음 입력 항목으로 이동하게 했고 if문과 document.getElementById("name").value, focus()를 이용해 입력이 빠진 부분이 있을 경우 해당 입력항목으로 커서가 이동하게 했다.

15/2/5 목

호빵 나라
일반 호빵은 250원, 야채 호빵은 300원 입니다.
호빵
이름:
일반 호빵 수:
야채 호빵 수:
받으러 올 시간(분):
판매금액:
부가세(10%):
합계:

자바스크립트 Tips:

* parseInt(), parseFloat(): 문자를 각각 정수, 실수로 변환하는 함수.
* isNaN() : 숫자가 아닐 경우 참을 반환하는 함수
* .toFixed(2): 소수점 2자리에서 반올림.
* .indexOf("abc"): 'abc'란 내용이 있는지 확인.
* .focus() :포커스 이동시키기.

ex) 엔터키 클릭시 다음 창으로 포커스 넘기는 함수 예제:
function moveFocus(next){
   if(event.keyCode == 13){
      document.getElementById(next).focus();
   }
}
<input type="text" id="name" onkeydown="moveFocus('hopangNum');">

* 최종가에서 부가세를 뺀 액수를 역계산하는 방법: 최종가 / (1 + 세율)

ex)
const TAXRATE=0.1; //세금 10%
const PRICE1=250; //일반 호빵 가격
const PRICE2=300; //야채 호빵 가격
var sum = (numPaHopang * PRICE1) + (numYaHopang * PRICE2);
var totalMinusTax = sum / (1+TAXRATE);
var tax = sum - totalMinusTax;
var total = sum;