JavaScript 案例 留言板

思路

1、设置点击事件。点击留言按钮获取本地储存并转为数组。

2、判断本地储存是否有值，如果有获取最后一个元素的id，如没有就把他赋值为一个新数组，把id值赋为1.

3、在判断文本框是否有值，有值才能操作。

4、调用时间函数，得到当前时间，当前用户名，以及当前内容以对象的方式存入数组。

5、调用渲染函数，每次调用都把留言框的值为空，让他重新获取重新渲染。

6、获取本地储存的数据数组，遍历每一个元素，就创建一个节点，赋值并添加进如节点。

7、为了删除操作，需要给每个删除按钮一个自定义属性。

8、点击删除后，得到当前按钮的自定义属性，由于自定义属性和当前的对象Id是一样的。

9、得到id后，获取本地储存的数据数组，进行筛选，把每一个对象id不等于当前id的值返回，就去除了对应的对象。

10，把结束（数组），重新存入本地，再次调用渲染函数即可。

HTML部分