JavaScript | 配列を使ってList(リスト)表示する方法

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);
}