2024年最全JavaScript基础——点击星星小游戏_javascript 游戏点击，2024年最新前端常用面试

自学几个月前端，为什么感觉什么都没学到？？

这种现象在很多的初学者和自学前端的同学中是比较的常见的。

因为自学走的弯路是比较的多的，会踩很多的坑，学习的过程中是比较的迷茫的。

最重要的是，在学习的过程中，不知道每个部分该学哪些知识点，学到什么程度才算好，学了能做什么。

很多自学的朋友往往都是自己去找资料学习的，资料上有的或许就学到了，资料上没有的或许就没有学到。

这就会给人一个错误的信息就是，我把资料上的学完了，估计也-就差不多的了。

但是真的是这样的吗？非也，因为很多人找的资料就是很基础的。学完了也就是掌握一点基础的东西。分享给你一份前端分析路线，你可以参考。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

还有很多的同学在学习的过程中一味的追求学的速度，很快速的刷视频，写了后面忘了前面，最后什么都没有学到，什么都知道，但是什么都不懂，要具体说，也说不出个所以然。

所以学习编程一定要注重实践操作，练习敲代码的时间一定要多余看视频的时间。

var obj=document.createElement("img");
//给星星添加src属性
obj.src="image.png"
//随机星星大小
var w=Math.floor(Math.random()*80+20);
obj.width=w;
obj.height=w;
//随机位置
var x=Math.floor(Math.random()*1166+100);
var y=Math.floor(Math.random()*500+100);
obj.style.position="absolute";
obj.style.top=y+"px";
obj.style.left=x+"px";
//放到body中
document.body.appendChild(obj);
//添加onclick点击事件（绑定的onclick 不需要加";"）
obj.οnclick=removeStar;
//控制大于20个星星游戏结束
count++;
var sp=document.getElementById("d3");
sp.style.width=count*5+"px";
if(count>20){
  alert("大于20个星星游戏结束");
  window.clearInterval(dingshiqi);
  location.reload();     //重新加载
}
//放到body中
document.body.appendChild(obj);
}
//点击删除星星
function removeStar(){
this.parentNode.removeChild(this);
count--; //点击星星删除，都要count-1.
	var sp=document.getElementById("d3");
sp.style.width=count*5+"px";
}
//点击暂停游戏。
function zanting(){
alert("暂停游戏");
}
//记录游戏时间的函数
function shijian(){
	n++;
var obj=document.getElementById("d1");
obj.innerHTML="游戏进行了"+n+"秒"
}

//–>