JavaScriptでリスト表示するには、配列を使う方法があります。今回は配列使ってList(リスト)表示してみました。
htmlで表示
<ul> <li>読書会に参加する</li> <li>ミーティングに出席する</li> <li>資料作成をする</li> </ul>
- 読書会に参加する
- ミーティングに出席する
- 資料作成をする
JavaScriptを使って表示
<ul id="list"> </ul>
var todo = ['読書会に参加する','ミーティングに出席する','資料作成をする']; for (var i = 0; i < todo.length; i++){ var addli = document.createElement('li'); addli.textContent = todo[i]; document.getElementById('todolist').appendChild(addli); }
コメント