[비만도 계산하기] 자바스크립트로 구성한 비만도 계산기 Ver 2.0 입니다

[비만도 계산하기] 자바스크립트로 구성한 비만도 계산기 Ver 2.0 입니다



지난시간에 올렸었던 BMI 비만도지수를 나타내는 자바스크립트 구성에서

몇가지를 조금 더 추가를 하였습니다.


우선, 알림창은 결과가 뜨게끔 해주고~

나머지 수치들은 한번에 입력할 수 있게끔 해주었습니다.


그리고, 엔터키는 안먹히고, 반드시 확인버튼을 클릭하게 해두었으니 참고하시구요^^;





지난번에 썼던 BMI 계산기의 기본틀과 비슷하구요,

헤드 부분에 스크립트가 구성되어 있습니다.





위의 두가지 스크린샷이 헤드부분 입니다.


보시면, if 문이 들어가 있는것을 확인하실 수 있구요,

자신의 키 cm 에 곱하기 0.01을 해주는 이유는, 입력하실때, 소수점으로 굳이 입력 안하게끔 해준것 입니다.


예를들어, 170이면, 그냥 170 입력하면, 스크립트가 이를 0.01 곱하니까 1.7m 가 되지요.






자, 바디안에는 이제 브라우저에서 보이는 부분을 설정합니다.


BMI계산기 라고 써있죠???

이거 수정했습니다. 비만도 계산기 라구요. ㅎㅎ





이게 기본 화면 이구요,

키랑 몸무게에 숫자를 입력하시고, 숫자가 아닌 문자가 입력되면 경고창 뜹니다.

똑바로 쓰라구요. ㅎㅎㅎ;;; 농담이에요~


결과확인을 클릭하면 나타납니다.



비만도 계산기 Ver 2.0.html


자료는 여기 올렸으니까, 참고하시면 됩니다.

무료배포 하셔도 됩니다. ㅇㅅㅇ 어차피 연습용으로 한 것이니까요~

그리고 이런 자료 널렸어요 ㅠ_ㅠ



그럼 많은 도움이 되길 바래요^^







이 글을 공유하기

댓글(0)

Designed by JB FACTORY