趣味のIT
自宅サーバーの構築
ApacheとTomcatの連携
Javaのインストール
JavaWebStartの実装
Webプログラミング
JavaScript
Java Applet
PHP
Java Web Start
エクセルプログラミング
VBAでお絵かき
値を貼り付け
セル参照

Webプログラミング

JavaScript編

HTML内のスクリプトのみで行うプログラム。
ブラウザによってはプログラムコードが分かってしまう(インターネットエクスプローラでは右クリックから「ソースの表示」)ので、 非公開の数式などを記述するには適さない。

☆肥満度電卓☆
標準体重 kg
肥満度 %
身長 cm
体重 kg
身長と体重を入力して「計算」ボタンを押してください
【計算式】
●標準体重=(身長−100)×0.9
●肥満度 =(体重−標準体重)÷標準体重×100


【ソースファイル】pcalc_javascript.html
<html>
<body topmargin="5" leftMargin="10" marginheight="2" marginwidth="10" bgcolor="#ffffff" text="#000000">
<script language="JavaScript">
<!--
function plus() {
  var n_weight;
  var o_rate;
  n_weight = Math.round((eval(document.pcalc.height.value)-100) * 0.9 * 10) / 10;
  o_rate = Math.round((eval(document.pcalc.weight.value) - n_weight) / n_weight * 100 * 10) / 10;
  document.pcalc.normal_weight.value = n_weight;
  document.pcalc.obesity_rate.value = o_rate;
}
//-->
</script>
<script language="JavaScript">
<!--
function cls() {
  document.pcalc.normal_weight.value = "0.0";
  document.pcalc.obesity_rate.value = "0.0";
  document.pcalc.height.value = "";
  document.pcalc.weight.value = "";
}
//-->
</script>
  <table bgcolor="#000000" border="0" cellpadding="0" cellspacing="1" borderwidth="0">
    <tr bgcolor="#000000">
      <td align="center" bgcolor="#ccccff" nowrap>
        <font size="+0" color="#000088">☆肥満度電卓☆</font><br>
      </td>
      <td>
        <table width="100%" bgcolor="#000000" border="0" cellpadding="3" cellspacing="0" borderwidth="0">
          <form name="pcalc">
            <tr bgcolor="#ffffff">
              <td valign="top" bgcolor="#aaaacc" nowrap>
                <font size="-1">標準体重</font>
              </td>
              <td colspan="2" valign="top" bgcolor="#aaaacc" nowrap>
                <input type="text" name="normal_weight" size="5" value="0.0">
                <font color="#ffffff"> kg</font>
              </td>
            </tr>
            <tr bgcolor="#ffffff">
              <td valign="top" bgcolor="#aaaacc" nowrap>
                <font size="-1">肥満度</font>
              </td>
              <td colspan="2" valign="top" bgcolor="#aaaacc" nowrap>
                <input type="text" name="obesity_rate" size="5" value="0.0">
                <font color="#ffffff"> %</font>
              </td>
            </tr>
            <tr bgcolor="#ffffff">
              <td valign="top" bgcolor="#aaaaff" nowrap>
                <font size="-1">身長</font>
              </td>
              <td valign="top" bgcolor="#aaaaff" nowrap>
                <input type="text" name="height" size="5" value=""> cm
              </td>
              <td valign="top" align="right" bgcolor="#aaaaff">
                <br>
              </td>
            </tr>
            <tr bgcolor="#ffffff">
              <td valign="top" bgcolor="#aaaaff" nowrap>
                <font size="-1">体重</font>
              </td>
              <td valign="top" bgcolor="#aaaaff" nowrap>
                <input type="text" name="weight" size="5" value=""> kg
              </td>
              <td valign="top" align="right" bgcolor="#aaaaff">
                <input type="button" name="push" value="計算" onclick=plus()>
                <input type="button" name="clear" value="C" onclick=cls()>
              </td>
            </tr>
          </form>
        </table>
      </td>
    </tr>
</body>
            

Copyright (C) 2006 T.Fujiwara , All rights reserved.