JSプログラミング最初の一歩　JavaScript

フォーム

HTMLには入力用のテキストボックスを作るタグもあります。

<input type="text" name="box1">

このタグのNAME属性をそのままプログラム内で使うことが出来ます。NAME属性が box1の場合、document.all.box1 のような形です。その value プロパティに入力した値が入ります。例えば、box1とbox2に入力した値を掛け算して、Pタグの部分に表示するのは以下のようなプログラムになります。

<html>
<head>
<script type="text/javascript">
function kansu()
{
	var num1 = document.all.box1.value;
	var num2 = document.all.box2.value;
	
	document.all.p1.innerText = num1 * num2;
}
</script>
</head>
<body>
<input type="text" name="box1">
<input type="text" name="box2">

<input type="button" value="ボタン" onclick="kansu()">

<p id="p1">答え</p>

</body>
</html>

問題12-3：
テキストボックスに値を入れて、ボタンを押したらその数が２倍になるプログラムを作ろう。