当前位置: 主页 > 网络编程 > JavaScript >

JavaScript实现留言板实战案例

时间:2023-12-28 15:13来源:网络 作者:秩名 点击:
1.案例说明: 利用JavaScript、css以及html制作一个简易的留言板 要求在页面文本框中输入一些文字之后,点击提交按钮,就可以让输入的文字和当前留言时间显示在下面,重新输入一些文

1.案例说明:

利用JavaScript、css以及html制作一个简易的留言板

要求在页面文本框中输入一些文字之后,点击“提交”按钮,就可以让输入的文字和当前留言时间显示在下面,重新输入一些文字,再点击提交,就可以让新发布的内容显示在最上面。点击后面的删除,就可以删除已经提交后的留言。

【案例分析】利用节点的创建、添加和删除相关知识完成一个简易的留言板功能。在页面中实现单击“提交”按钮动态创建一个li元素,添加到ul里面。

2.html部分

主要有一个文本框,一个提交按钮,和一个展示留言部分的ul列表。

1
2
3
4
5
<div id="mgs">
        <textarea id="text"></textarea><br>
        <input type="button" id="btn" value="提交">
        <ul class="list"></ul>
    </div>
(责任编辑:阿里技术)
织梦二维码生成器
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片