章节
问答
课签
笔记
评论
占位
占位

编程挑战

小伙伴们,根据所学知识,使用JS实现案例中的人人网评论功能

效果图:

温馨提示:完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能。

任务安排:

一、定义删除节点函数removeNode。

提示:
1. 函数接受一个参数,及需要参数的节点。

二、定义赞分享函数praiseBox。

提示:
   1.接受2个参数,一个是分享内容的容器,一个是点击的元素。
   2.获取显示分享条数结果的节点、当前分享数当前点击元素的文本。
   3. 如果当前点击酸雾文本为“赞”,增加赞,并更新相关元素的内容,反之,减少赞。
注意:自定义属性的读取和写入。

三、定义格式化日期函数getTime。

提示:
   1.new一个日期对象。
   2.分别调用获取年月日时分的方法,保存在相应变量。
   3. 拼接成特定格式的日期字符串。
注意:月份从0开始,对小于10的数字前面补0

四、定义发表评论函数replayBox。

提示:
  1.获取输入框内容。
  2.获取评论列表根元素。
  3. 创建新元素并设置相关属性。
  4. 拼接新元素的innerHTML并写入。
  5. 把新元素评添加到论列表根元素。
  6. 清空输入框,并使其失去焦点
注意:拼接HTML时,调用时期格式化函数获取当前时期

五、定义赞回复函数praiseReply。

提示:
  1.接受1个参数,是回复节点的根元素。
  2.获取当前赞总数,以及我的赞数。
  3.根据我是否赞过,更新根元素显示状态。
六、定义操作回复函数operateReply。
提示:
  1.接受一个参数,为点击的元素。
  2.如果元素内容是“回复”,则赞开输入框,并更新输入框的value。
  3. 如果是删除,则删除回复内容的根节点。
注意:输入框事件的手动触发

七、遍历每个分享li,绑定事件。

1)在li上绑定点击事件代理

提示:
   1.获取触发元素,取得class。
   2.根据class调用不同的函数。
注意:IE下event对象存在window下

2)绑定输入框事件

提示:
  1.获取输入框元素。
  2.绑定onfocus,展开输入框。
  3.绑定onblur, 收起输入框。
  4.绑定onkeyup, 实时计算字数,更新按钮状态。

任务

 

 

?不会了怎么办
||

提问题

写笔记

公开笔记
提交
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布
全部 我要发布
最热 最新
只看我的

手记推荐

更多

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?