JSでテキストボックスに入力してボタンを押すと下にリスト表示。
すぐに忘れるので覚書しています。
もっといい方法があればコメント頂けたらありがたいです。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>JS入力表示リスト</title>
</head>
<body>
<form name="form01">
<p>メッセージを入力してください</p>
<input type="text" id="message" name="message" size="40">
<input type="button" id="btn" value="OK" />
</form>
<ul>
</ul>
<script>
window.onload = function(){
document.getElementById('btn').onclick = function(){
var name = document.form01.message.value;
console.log(name);
const item2 = document.createElement('li');
item2.textContent = name;
const ul = document.querySelector('ul');
ul.appendChild(item2);
};
};
</script>
</body>
</html>