【杂谈】原生JS完成别踩白块小游戏(十一)
2019-11-18杂谈搜奇网45°c
A+ A-
原生js完成别踩白块小游戏的要领,我们经由过程前面一系列的文章和视频,给人人细致讲解了个中的完成要领,愿望对感兴趣的朋侪,有肯定的协助。
本节内容重要给人人引见别踩白块小游戏中末了一部分的js要领。
别踩白块小游戏的完全代码,可参考:《原生JS完成别踩白块小游戏(一)》
相干js代码以下:
go.children[0].onclick = function () { if (main.children.length) { //暴力清晰main内里一切盒子 main.innerHTML = ''; } //清空计分 count.innerHTML = '游戏最先'; //隐蔽最先盒子 this.parentNode.style.display = "none"; move(main); }
这段代码重要示意,当点击div“go”即“点击最先”时,就会挪用上述代码中的一系列函数要领。
在上述要领中,假如main下存在行,也就是游戏地区存在一行行方块元素时,我们就经由过程main.innerHTML = '',暴力消灭main中的一切盒子。而且清空分数,设置显现“游戏最先”和隐蔽“点击最先”。然后再挪用move要领,那末move要领中又会挪用用CDiv要领。云云动态要领轮回就能够完成别踩白块游戏了。
关于move和CDiv要领,我们在前面的文章中也给人人细致引见过,须要的朋侪能够参考以下相干文章。
相干文章:
《原生JS完成别踩白块小游戏(二)》
《原生JS完成别踩白块小游戏(三)》
《原生JS完成别踩白块小游戏(四)》
《原生JS完成别踩白块小游戏(五)》
《原生JS完成别踩白块小游戏(六)》
《原生JS完成别踩白块小游戏(七)》
《原生JS完成别踩白块小游戏(八)》
《原生JS完成别踩白块小游戏(九)》
本篇文章就是关于原生js完成别踩白块小游戏的要领引见,实在也异常简朴,愿望对感兴趣的朋侪有所协助!
以上就是原生JS完成别踩白块小游戏(十一)的细致内容,更多请关注ki4网别的相干文章!