textboxに表記させる
Javascriptでは基本中の基本であるが、テキストボックスに何かを表記したい場合は、下記のプログラムを参考にしてほしい。なお、このプログラムのミソとしては、functionを利用した場合には、event.preventDefault();は必要ないが、ただ単に書いた場合はこのイベントが必要である、という点だ。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>textoxに表記する</title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="main2.css">
</head>
<body>
<div class="container">
<form>
<p><input type="text" id="t1" placeholder="ここに表示"></p>
<p> <button id="button1">ボタン1</button></p>
<p><input type="button" value="ボタン2" onclick="disp()"></p>
<script>
document.getElementById("button1").addEventListener("click", function () {
event.preventDefault();
document.getElementById("t1").value = "Hello";
});
function disp() {
document.getElementById("t1").value = "function利用";
}
</script>
</form>
</div>
</body>
</html>
