[국비지원] 10일차 - isNaN

 

오늘은 html, css, javascript 마지막 날이다. 그런데 오류가 왜 이리 많지 ...?

---

 

See the Pen Untitled by jnn-jnn1 (@jnn-jnn1) on CodePen.

0.5배로 봐주세요 ㅜㅜ

 

오늘은 메뉴를 선택하면 그 메뉴의 이름, 가격 , 영양 정보가 표시되고 수량을 입력하면 수량 *가격의 총 가격을 알려주는 간단한 작업을 했다.

 

하지만 간단한 작업임에도 오류가 끊이지 않아서 애먹었다 ㅜㅜ

계속 오류가 나던 부분은 이랬다

 

• 문제 : 최종 결제금액에서 NaN이 나옴
• 1차 해결 방법 : 최종 결제금액은 금액 * 수량이므로 금액과 수량의 typeof을 체크
  (그래서는 안됐다 ... )
• 1차 방법 결과 : 금액과 수량 둘 다 number
  
  number와 number를 곱하는데 왜 NaN이지 ?
  
  그 이유는 NaN은 Not a Number (숫자가 아님)인 동시에 number이기 때문이다
  NaN을 판별하기 위해서는 isNaN을 사용해야 한다.
  
  
• 2차 해결 방법 :  isNaN을 사용해 금액과 수량이 NaN인지 확인
• 2차 방법 결과 : 수량이 NaN이었다.
  
  parseInt(변수.value)를 사용해서 문자열을 숫자로 바꾸려고 했는데
  document.getElementbyId()를 사용해서 object의 값을 받아온게 아니라
  이미 Jquery를 사용해서 value 값을 받아왔기 때문에 .value를 사용할 필요가 없었던 것.
  
  
• 문제 해결!

 

이렇게 적으니 간단한 오류같은데 혼자 고민하느라 오랜 시간이 걸렸지만

그럼에도 결국 해결할 수 있어서 뿌듯했다