<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html lang="ja">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta http-equiv="Content-Script-Type" content="text/javascript">
 <title> 目指せ健康生活 </title>

<script type="text/javascript">
<!--
function func() {
  weight = parseFloat(document.F1.T1.value);
  height = parseFloat(document.F1.T2.value/100);
  bmi = parseInt(weight / (height*height));

  hyoujyun = height*height*22;
  hantei = parseInt(((weight/hyoujyun)-1)*100);

  if( bmi < 18 ) {
	alert (" BMI値" + bmi + "です。\n\n 痩せすぎ!! もっと食べないとエネルギー不足で倒れますよ。");
  }else if ( ( bmi >= 18 ) && ( bmi < 25 )){
	alert (" BMI値は" + bmi + "です。\n\n すばらしい!! 健康的な生活を送っていますね。このまま長寿日本一を目指しましょう!!");
  }else if ( ( bmi >= 25 ) && ( bmi < 30 )){
	alert (" BMI値は" + bmi + "です。\n\nお正月にちょっと、食べ過ぎましたか? でも、痩せ過ぎより健康的かも。");
  }else if ( bmi >= 30 ) {
 	alert (" BMI値は" + bmi + "です。\n\n 食生活を見直し、適度な運動をしましょう!!");
  }else {
 	alert (" 嘘の値でも良いですから、体重と身長を入力して下さい。");
  }
}

function gazou1(){
	 document.gazou.src="hone.png";
}
function gazou2(){
	 document.gazou.src="tai.png";
}

function haikei(num){
    if(num==0){
        document.bgColor="#ffffff";
    }else if(num==1){
        document.bgColor="#ffcccc";
    }else if(num==2){
        document.bgColor="#ccffcc";
    }else if(num==3){
        document.bgColor="#ccccff";
    }
}

imgnum = 1;
function tamago(){
    if (imgnum==1){
        document.piyo.src="piyo1.png";
        imgnum=2;
    }else if(imgnum==2){
        document.piyo.src="piyo2.png";
        imgnum=3;
    }else if(imgnum==3){
        document.piyo.src="piyo3.png";
        imgnum=4;
    }else if(imgnum==4){
        document.piyo.src="piyo4.png";
        imgnum=5;
    }else if(imgnum==5){
        document.piyo.src="piyo5.png";
        imgnum=1;
    }
 setTimeout("tamago()",2000);
}

// -->
</script>
</head>

<body onLoad="tamago()">

<h1> 健康な学生生活を送りましょう。</h1>

<p align="right">
<font  size="-2">
もし、絵や文字が見にくい時は、背景の色を好きな色にできますよ。
</font>
</p>
<table align="right">
<tr><td>
<form>
<input type="radio" name="bgradio" checked onClick="haikei(0)"><font size="-2">白</font>
<input type="radio" name="bgradio" onClick="haikei(1)"><font size="-2">ピンク</font>
<input type="radio" name="bgradio" onClick="haikei(2)"><font size="-2">緑</font>
<input type="radio" name="bgradio" onClick="haikei(3)"><font size="-2">水色</font>
</form>
</td></tr>
<table>
</font>
<br><br>


<p>
健康な生活には、規則正しく栄養のバランスの取れた食事が、一番ですね。<br>
一人暮らしでは、準備が大変かもしれませんが、
良質のタンパク質を取ることができる魚を食べましょうね。
</p>

<center>
<a href="#" onMouseOver="gazou1()" onMouseOut="gazou2()">
<img src="tai.png" name="gazou" border=0></a>
</center>

<p>
上の魚にマウスポインターを合わせると、、、。きれいに食べましょうね。<br>
(大きな魚であれば、目の下の身や目も食べるとおいしいですよ。)
</p>

<p>
鶏卵や鶏肉も健康には、良いですね。朝食には、目玉焼き、ゆで卵、卵かけご
飯などは、いかがでしょうか。<br>
(「こんな、可愛い絵を見ると食べられなくなる」...という人もいたりして)
</p>

<center>
<img src="piyo1.png" name="piyo">
</center>

<p>
<br>ところで、健康状態を知るための指標が沢山ありますが、まずは、
体格に関する指標で試してみましょう。<br>
<a name="koko1">
<a href="#koko01" OnClick="alert('Body Mass Index: 国際的に普及している体格指数 ')">
BMI値</a>というのがあります。試しに、体重と身長を入れてみて下さい。


<p>
<form name="F1" action="#">
体重:<input type="password" name="T1"> kg 
(見えないようにしています)
<br>
身長:<input type="text" name="T2"> cm
<p>
<input type="button" value="計算する" onclick="func()">
</p>

<p>
<br>いかがでしたか?<br>
情報量は、ほとんどありませんでしたが、
皆さんが健康な学生生活を送ることを祈念致します。
</p>

</body>
</html>