HTML部分:
第一步我们需要写一个input标签,我给这个input标签命名为“点击亮起来”,再将input标签的类型改为button,我命名id为“btn”。然后第二步就是写一个div标签,id为“dvn”,这个div标签的作用是用来装从JavaScript传过来的星星的。代码如下图所示:
CSS部分:
代码如图所示:
JavaScript部分:
首先我们第一步需要写一个页面加载事件,然后再分别通过“id”获取到HTML中的两个标签,再给“btn”也就是input标签绑定一个点击事件,在点击事件里写一个计时器,设定好每隔半秒执行一次计时器里的代码,在计时器里通过innerHTML将星星写入HTML的div标签中,再声明两个变量“x”和“y”,然后给这两个变量设置0-600的随机数,最后给星星元素设置left和top值,[firstChild]的意思是选择到幕布里的⭐;具体代码如下图所示:
初来乍到,请多多指教,大神勿喷。