待办事项JavaScript
时间: 2023-08-31 11:05:50 浏览: 57
你需要什么方面的待办事项JavaScript?以下是一个简单的待办事项列表的示例代码:
HTML代码:
```
<div>
<input type="text" id="taskInput" placeholder="Add New Task">
<button onclick="addTask()">Add</button>
</div>
<ul id="taskList"></ul>
```
JavaScript代码:
```
let tasks = [];
function displayTasks() {
let taskList = document.getElementById("taskList");
taskList.innerHTML = "";
for (let i = 0; i < tasks.length; i++) {
let li = document.createElement("li");
li.appendChild(document.createTextNode(tasks[i]));
taskList.appendChild(li);
}
}
function addTask() {
let taskInput = document.getElementById("taskInput");
let task = taskInput.value.trim();
if (task !== "") {
tasks.push(task);
taskInput.value = "";
displayTasks();
}
}
```
这段代码创建了一个待办事项列表,用户可以在输入框中添加新的任务。当用户点击“Add”按钮时,JavaScript代码将新任务添加到任务数组中,并在页面上显示所有任务。