生涯未熟

プログラミングをちょこちょこと。

フォームに値を入れた瞬間反映されるようにする

先ほどまとめたイベントハンドラの中の一つ、onkeyup()を使ってタイトル通りのコードを書いてみる。


<html>
<head>
<title>Test</title>
</head>
<body>
<form name="change">
<input type="text" name="change_value" onkeyup="change_func();">
<br>
あなたがタイプしたのは <span id="change_rs"></span> ですね?
</form>
<script language="javascript">
function change_func(){
	var change_func_value = document.change.change_value.value;
	change_rs.innerHTML = change_func_value;
}
</script>
</body>
</html>


これで変更がすぐ表れるはず。
名前付け適当で大丈夫かだって?大丈夫じゃない、問題だ。