如何使用Javascript制作待办事项列表

Javascript是一种常用的脚本语言，可以用于前端开发。待办事项列表是一种常见的应用场景，可以用Javascript制作。具体步骤如下：

创建一个HTML页面，包含一个输入框和一个按钮，用于添加待办事项。
使用Javascript获取输入框中的文本，并将其添加到待办事项列表中。
可以使用数组或对象来存储待办事项列表。
可以使用循环语句遍历待办事项列表，并将其显示在页面上。
可以使用事件监听器来处理用户的交互操作，例如点击删除按钮删除某个待办事项。

示例代码如下：

HTML代码：

<!DOCTYPE html>
<html>
<head>
	<title>待办事项列表</title>
</head>
<body>
	<input type="text" id="inputText">
	<button id="addBtn">添加</button>
	<ul id="list"></ul>
	<script src="app.js"></script>
</body>
</html>

Javascript代码：

// 定义一个数组，用于存储待办事项
var todoList = [];

// 获取页面元素
var inputText = document.getElementById('inputText');
var addBtn = document.getElementById('addBtn');
var list = document.getElementById('list');

// 添加待办事项
addBtn.addEventListener('click', function() {
  var todo = inputText.value;
  if (todo) {
    todoList.push(todo);
    inputText.value = '';
    renderList();
  }
});

// 渲染待办事项列表
function renderList() {
  list.innerHTML = '';
  for (var i = 0; i < todoList.length; i++) {
    var li = document.createElement('li');
    li.textContent = todoList[i];
    list.appendChild(li);
  }
}

参考链接：