先ほどまとめたイベントハンドラの中の一つ、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>
これで変更がすぐ表れるはず。
名前付け適当で大丈夫かだって？大丈夫じゃない、問題だ。
