Computer/WEB, PHP-JAVA-Script
Updated: 2011. 6. 30. 12:45
hwaya.
체격지수계산
반응형
체격지수 계산 만들기
* 신장과 체중을 입력합니다.
* 입력후 계산하기 버튼을 누르면...
* 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>반응형
'Computer > WEB, PHP-JAVA-Script' 카테고리의 다른 글
| <iframe> 아이프레임 스크롤 기준으로 높이 자동 조절 (0) | 2024.10.15 |
|---|---|
| DOMSubtreeModified 이녀석 알아보자. (0) | 2024.07.31 |
| Spring(프레임워크) (0) | 2024.07.22 |
| Node.js에서 웹서버 바로 가능한데, Nginx를 사용하는 이유 (0) | 2024.06.03 |
| const, var, let (0) | 2023.08.24 |
| JS/ 천 단위마다 콤마(,) 자동 생성 (0) | 2022.03.12 |
| JS/ 소수점 자리수 처리 (0) | 2022.03.12 |
| 웹소켓으로 전송할 수 있는 데이터 종류 (0) | 2019.02.22 |
Table of Contents
EIGHTBOX
hwaya.
programmer
Today
Yesterday
Total