본문 바로가기

Computer/WEB, php-java-script

체격지수계산

728x90
반응형

체격지수 계산 만들기

 

 

 

 

* 신장과 체중을 입력합니다.
* 입력후 계산하기 버튼을 누르면...
 

 

* BMI 값이 출력되면서 메시지가 함께 나타납니다.

<html>
<head>
<title>체격지수계산</title>
<style type="text/css">

body {
 background:gray;
 }

div {
 width:230;
 padding:10 10 10 10;
 border:solid 1;
 border-color:black;
 background:white;
 }

table { 
 border:solid 1;
 border-color:black;
 }

th {
 border:dotted 1;
 }

td {
 border:dotted 1;
 }

hr {
 color:black;
 }
.hello {
 text-align:center;
 font-weight:bold;
 font-size:14pt;
 }

.cf {
 margin:2 0 0 0;
 font-size:9pt;
 }

.cf2 {
 margin:2 0 0 0;
 font-size:9pt;
 text-align:right;
 }
</style>

<script type="text/javascript">
function bmiFnc()
{
 var ht, wt, bmi;
 ht = window.document.bmiCalc.height.value;
 if (ht <= 0 ) alert("오류!! 신장을 입력해주세요");
 ht = ht/100;
 wt = window.document.bmiCalc.weight.value;

 if (wt <=0) alert("오류!! 체중을 입력해주세요");
 bmi = wt/Math.pow(ht,2);
 bmi = Math.round(bmi*10)/10;
 window.document.bmiCalc.result.value=bmi;
 if (bmi < 20) alert("밥좀 많이 먹으세요! 저체중");
 else if (bmi <= 24) alert("오~ 체중 관리 잘하셨네요 ^_^ 완벽해요~");
 else if (bmi <= 26.4) alert("이 돼지야! 살좀 빼라~ 응?");
 else alert("다이어트 시작하셔야겠어요!");
}
</script>

</head>


<body>
<div>
<p class="hello">체격지수(BMI) 계산</p><br>
<form name="bmiCalc">
신장 <input type="text" name="height" value="182" size="5">[Cm]<br>
체중 <input type="text" name="weight" value="78" size="5">[Kg]<hr>
BMI <input type="text" name="result" size="10">
 <input type="button" name="Calc" value="계산 하기" Onclick="bmiFnc()">
</form>
<table>
<caption>참고/ BMI에 의한 비만 판정</caption>
<tr> <th>판정</th> <th>BMI</th></tr>
<tr> <td>저체중(마름)</td> <td>20이하</td></tr>
<tr> <td>보통체중(보통)</td> <td>20~24</td></tr>
<tr> <td>과체중(약간비만)</td> <td>24~26.4</td></tr>
<tr> <td>비만체중(비만)</td> <td>26.4초과</td></tr>
</table>
<p class="cf">*BMI (Body Mass Index)</p>
<hr>
<p class="cf2">코코아스터디<br></p>
</div>
</body>
</html>


출처 : http://caramelstudy.blog.me/

반응형

'Computer > WEB, php-java-script' 카테고리의 다른 글

웹소켓으로 전송할 수 있는 데이터 종류  (0) 2019.02.22
체격지수계산  (0) 2011.06.30

태그


BLOG Version/ 1.0.0.1 _20.04.09
Copyright © 2002-2020 EIGHTBOX. All Rights Reserved.
Behold the fowls of the air: for they sow not, neither do they reap, nor gather into barns; yet your heavenly Father feedeth them. Are you not much better than they?