簡単な計算

JavaScriptの関数を使った簡単な計算式を試してみる。

単価と数量だけ入力し計算をクリック。数値以外を入力した場合、結果に｢NaN｣と表示される。

計算　　リセット

お知らせモジュールのHTML編集で作成したソース

<form name="form">
    商品１　　単価：　
    <input type="text" size="8" name="tanka1" />
      ×　数量：
    <input type="text" size="8" name="suryo1" />
    　＝　金額：　
    <input type="text" size="8" name="kingaku1" />
    <br />
    <br />
    商品２　　単価：　
    <input type="text" size="8" name="tanka2" />
    　×　数量：
    <input type="text" size="8" name="suryo2" />
    　＝　金額：　
    <input type="text" size="8" name="kingaku2" />
          合計：　
    <input type="text" size="8" name="gokei" />
    <br />
    <br />
</form>
<br />
<a href="JavaScript:keisan()"> 計算</a>
<a href="JavaScript:reset()"> リセット</a>
<br />

JavaScriptファイルのソース

function keisan(){
    atai1 = parseInt(document.form.tanka1.value) * parseInt(document.form.suryo1.value);
    document.form.kingaku1.value = atai1;
    atai2 = parseInt(document.form.tanka2.value) * parseInt(document.form.suryo2.value);
    document.form.kingaku2.value = atai2;
    document.form.gokei.value = atai1 + atai2;
    }
function reset(){document.form.reset();}a

手順は、とても簡単
１．お知らせモジュールのHTML編集でHP表示部分を作成
２．JavaScript文を入れた｢.js｣を作成し、以下にアップロード
webapp/modules/announcement/files/js/
３．管理画面から一括アップデート

NetCommons Test and Study Site