配列を利用すると多くのデータを一度に処理することができます。
コード例js05_array_example1
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ToDoリスト</title>
</head>
<body>
<ul id="todo-list"></ul>
<script>
const todo = ['タスク1', 'タスク2', 'タスク3', 'タスク4', 'タスク5'];
const todoList = document.getElementById('todo-list');
todo.forEach(task => {
const li = document.createElement('li');
li.textContent = task;
todoList.appendChild(li);
});
</script>
</body>
</html>