如何在 javascript 中创建待办事项列表

how to create a todo list in javascript

我想知道如何创建待办事项列表,而不是编码我需要的方法

其中,比如如何分析问题以及如何将其映射到编码?我只想

如何使用 javascript.

解决任何类型的现实世界问题

How/what/where开始编码?

您的项目将包含以下内容:
- HTML
- javascript
- PHP
- MySQL(可选)

需要考虑的事项:

(1) 列表存储在哪里?选项包括:PHP 文本文件,或 MySQL 数据库。数据库是最好的主意,并且可能最容易编写代码,所有条件都相同。 当然,如果您不需要在线提供待办事项列表,您也可以选择将列表存储在每个用户的浏览器中的 localstorage 中。然后就不需要 PHP 或 MySQL,它们都在网络服务器上 运行。如果您将此作为学习网络编程的练习,但您无权访问网络托管帐户,请下载 xampp 并在您自己的计算机上设置合适的网络服务器 - 提示:HTML 文件进入 c:\xampp\htdocs,您可以通过在浏览器地址栏中输入 localhost(没有别的)来查看该网站

(2) HTML。您将需要两件事:(a) 显示已完成的待办事项列表,以及 (b) 向列表添加新项目的能力。

(3) 显示当前列表。从数据库(或文件)中获取列表值并读入一个数组(数组就像一列火车,其中每个车厢都是一个包含数据的变量名)。然后,循环遍历数组以创建 HTML 以显示您当前的列表。

(4) 为列表创建 HTML 后,添加一点 HTML(可能是带有标签的按钮)以允许创建新的列表项。

(5) 按下按钮时,显示一个带有适当字段的表单,以允许用户添加新的待办事项列表项。请注意,这不需要是 HTML <form> -- 您可以使用 DIV 和输入字段,然后使用 jQuery 读取字段值并使用 AJAX 粘贴将数据值存入数据库。

这里有关于 AJAX 的有用的简单示例:

AJAX request callback using jQuery