JavaScriptでリスト化(olタグを使って）させるには、どうすればいいのでしょうか？
JavaScriptで入力した言葉を数字付きで出力させる方法はありますか？
現在、JavaScriptの勉強をして、
入力フォームに文字を入力して、クリックボタンを押すと、
入力した内容が出力させるようにしています。
ただ、それだけだとつまらないので、
出力した文字を順番に数字付き（olタグを使用）で表示させようとしていますが、
2つ目・3つ目を出力しても、1しか表示されません。
2つ目には2、3つ目には3を出力させる方法はありますでしょうか？
どうすればできるでしょうか？
以下、HTMLとJavaScriptのコードです。
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>テストとサンプル</title>
<script src="style.js"></script>
</head>
<body>
<h1>テスト</h1>
<p>サンプル</p>
<form>
<input id="input" type="text">
<input id="push" type="button" value="クリック！">
<div id="output"></div>
</body>
</html>
JavaScript
push.addEventListener('click', () => {
output.innerHTML += `<ol><li></li></ol>${input.value}`;
});
以下、その結果です。
青森県を「2.」と表示させるには、どうすればいいでしょうか？
もちろん、青森県以降の文字を入力したら、「3」・「4」と
リスト化させる形で文字とセットで入力順に数字を表示させたいですが、
どれだけやっても答えが出ません。
何か方法はありますでしょうか？
0
