ここで紹介したプログラムは無料でダウンロードできます。
ソースコードが欲しいという方もこちらのリンクをご覧ください。
サンプルプログラムとソースコードはこちらへどうぞ
JavaScriptでBMI標準体重を求めるプログラム
メタボリック検診の義務化が言われるようになり、健康への意識は高まってきたのではないかと思います。
そこで、身長と体重を入力して、その人の肥満度をチェックするプログラムを作ることにします。
とは、言っても、同様のものは、インターネットで検索をすると、たくさん見つかりますので、真新しいことではありませんが、JavaScriptを勉強するのに、手ごろな題材として紹介します。
BMI標準体重JavaScriptプログラム
まず、HTMLファイルでの入力部分の記述方法。
<form name="form">
<TABLE border="0" summary="BMI標準体重">
<TR><TD>身長(cm):</TD><TD><INPUT value='' name="height" size="20"></TD></TR>
<TR><TD>体重(Kg):</TD><TD><INPUT value='' name="weight" size="20"></TD></TR>
</TABLE>
<INPUT type="button" value="判定" onclick="judge();">
<BR>
<INPUT class="bmiComment" value='' name="result" size="40" readonly><br>
<INPUT class="bmiComment" value='' name="comment1" size="40" readonly><br>
<INPUT class="bmiComment" value='' name="comment2" size="40" readonly>
</form>
JavaScript側から入力内容を参照できるように、入力テキストをhtmlファイルに作成します。
ボタンをクリックしたときに
judge()といJavaScriptプログラムを呼び出し、結果をresult、comment1、comment2に返すという仕組みです。
<script type="text/javascript">
<!--
function judge(){
if (document.form.height.value.match(/[^0-9]/g)){
alert("身長は数値で入力してください。");
document.form.result.value="";
}
if (document.form.weight.value.match(/[^0-9]/g)){
alert("体重は数値で入力してください。");
document.form.result.value="";
}
if (document.form.height.value == '' | document.form.weight.value == '') {
document.form.result.value="";
} else {
bmi=((document.form.weight.value * 10000) / document.form.height.value) / document.form.height.value;
std= (22.0 * document.form.height.value * document.form.height.value) / 10000;
document.form.comment2.value='ちなみに、あなたの標準体重は、' + std + 'Kgです。';
if (bmi < 20.0) {
document.form.result.value='あなたは、『やせ』です。';
document.form.comment1.value='もう少し太ったほうがいいですよ。';
} else if (bmi < 24.0) {
document.form.result.value='あなたは、『標準』です。';
document.form.comment1.value='今の調子でがんばりましょう。';
} else if (bmi < 26.5) {
document.form.result.value='あなたは、『やや肥満』です。';
document.form.comment1.value='もう少し、健康管理を意識しましょう。';
} else {
document.form.result.value='あなたは、『肥満』です。';
document.form.comment1.value='家族のためにも健康維持を意識しましょう。';
}
}
}
-->
SEO対策:検索で上位表示するホームページ作成
私なりにSEOを試行錯誤してきた、それなりに効果があがったという内容をこちらのサイトで紹介することにしました。
時間を見て、少しずつ更新していく予定ですので、SEOで悩んでいる方、これからホームページを作成しようとしている方、参考にしてみてください。