发表于: 2021-05-07 22:13:35

1 1830


今天完成的事情:任务四法官页面跳转和数据传递;法官页面跳转到杀手杀人页面和玩家投票页面;任务四几个页面的样式


明天计划的事情:任务四跳转到杀手杀人和玩家投票页面,并将被淘汰的玩家数据传回法官页面并实现命令完成后的按钮颜色改变;     有限状态机理解


遇到的问题:任务实现方法不太会,想要达到的效果不知道该如何实现;例,杀手杀人和投票页面,进入玩家页面选择了淘汰的玩家,后续的效果不知道怎么实现


收获:看了一些师兄们之前完成任务的思路,大概有些头绪。

任务四JS布局思路:

完成了任务四的基本HTML样式。

使用JS添加到HTML创建需要的玩家任务按钮,使用CSS进行修饰样式(进行到第几天;杀手杀人,亡灵发言,玩家发言,玩家投票等步骤)

游戏未结束时,一直进行循环,任务相同。

杀手杀人按钮点击,并跳转页面,进入杀手选择淘汰玩家的页面。淘汰玩家,自动跳转到法官页面,进行下一项。

被淘汰玩家发言,各玩家进行讨论发言,然后进行投票页面,进行投票淘汰某玩家。上面被淘汰的玩家格子颜色都应该变灰。完成的项目按钮也应该变灰。

游戏未结束,则一直上面的循环。


常用的查找DOM节点的方法有:
document.getElementById ( ' x ' ) ;  选择id为x的元素
document.getElementsByClassName ( ' x ' ) ;  选择class为x的元素

document.getElementsByTagName ( ' p ' ) ;  选择p元素


新建DOM节点的方法有:
document.createElement('元素名');  创建新的元素节点
document.createAttribute('属性名');  创建新的属性节点

document.createTextNode('文本内容');  创建新的文本节点 


添加新DOM节点的方法有:
1.element.setAttribute(attributeName, attributeValue );给元素增加指定属性,并设定属性值
2.element.setAttributeNode(attributeName );给元素增加属性节点
3.如需向HTML DOM添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。
1)document.createTextNode('新增文本内容');创建新的文本节点

2)parent.appendChild(创建的新节点);向父节点的最后一个子节点后追加新节点,或使用parent.insertBefore(newChild, existingChild );向父节点的某个特定子节点之前插入新节点


删除DOM节点的方法有
parentNode.removeChild(existingChild );删除已有的子节点,返回值为删除节点
DOM需要清楚你需要删除的元素,以及它的父元素。常用的解决方案:找到你希望删除的子元素,然后使用其parentNode属性来找到父元素:

var child=document.getElementById("p1");child.parentNode.removeChild(child);


修改DOM节点的方法有
parentNode.replaceChild(newChild, existingChild );用新节点替换父节点中已有的子节点
element.setAttribute(attributeName, attributeValue );给元素增加指定属性,并设定属性值(若原元素已有该节点,此操作能达到修改该属性值的目的)

element.setAttributeNode(attributeName );给元素增加属性节点(若原元素已有该节点,此操作能达到修改该属性值的目的)


常见的DOM 事件有哪些
onclick事件——用户点击时
onload事件——用户进入
onunload事件——用户离开
onmouseover事件——鼠标移入
onmouseout事件——鼠标移出
onmousedown事件——鼠标按下
onmouseup事件——鼠标抬起









返回列表 返回列表
评论

    分享到