JavaScriptによるプログラミング入門
制作・著作: 生物工学科 星 岳彦
オンライン版編集：生物工学科 佐藤 大輔・篠田 績
12.計算する数値もテキストボックスから入力する方法
キーボードから値を入力し、ボタンを押すことでその値で計算できるようにする。
[作業手順]
(1)次のプログラムをcalc6.htmとして入力し、NetscapeNavigatorで実行してみよ。
<HTML>
<HEAD>
<TITLE>JavaScript calc6</TITLE>
<SCRIPT LANGUAGE="JavaScript">
/* テキストボックスに入力した数値で計算するようにした例 */
function root(f) {
f.answer.value = Math.sqrt(f.param.value) ;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT NAME="param" TYPE="TEXT" SIZE=5>
<INPUT TYPE="BUTTON" VALUE="ROOT" onClick="root(this.form)">
Answer: <INPUT NAME="answer" TYPE="TEXT" SIZE=20><BR>
</FORM>
</BODY>
</HTML>
11.のプログラムで学んだテキストボックスは、同じ方法で値の入力用としても使用できる。ここでは、入力のテキストボックスの名前をparamとしている。
(2)結果
| ←戻る | 目 次 | 進む→ |
|---|
Copyright (c) 1997 Takehiko Hoshi