游戏规则：在不断变化的颜色块中找到不同颜色的块，然后点击它

这里，JS中的构造函数用于创建元素

！doctype html htmlheadlang=' en ' metacarset=' utf-8 ' title查找不同颜色块的游戏(构造函数)/title/head style * { margin 3360 0；padd : 0；} # box { width: 600px高度： 600 px；margin: auto边距-top : 100 px；} # score { width: 180px高度： 50px；线高：150%；font-size : 2em；绝对位置：top: 30px左侧：35%；} .creat { float: left边界半径： 100%；}/stylebody div id='score '级别：1/div div id=' box'/div脚本var n=1；//级别值var Create=new creat(3)；//定义构造函数对象，传入参数(3x3开头的布局3 x3)create . go()；//在构造函数中调用函数属性functioncreat(event){//定义构造函数creatvarobox=document . getelementbyid(' box ')；this.className=' creat//设置这个类名。_ creat=null//提前创建一个attribute _creat指向一个对象this.go=function(){//创建一个色块方法function varcolornum1=math。地板(数学。random()* 253)1；//随机数的范围为(1~254)，防止出现白块。Var Color Num2=数学。地板(数学。random()* 253)1；var colornum 3=math . floor(math . random()* 253)1；this.color='rgb(' colorNum1 '，' colorNum2 '，' colornum 3 ')'；//定义rgb颜色属性this.diffOpacity=0.7//用于将其中一种快速颜色(透明度可在此自定义)更改为(var I=0；ievent *事件；I ){//创建一个循环事件*2次，事件改变了这一点。_ create=document . create element(' div ')在单击颜色块后；//动态创建一个div并将其分配给这个div。_奶油属性。_ cream . style . width=math . floor(600/event)' px '；//设置div和classname的宽度、高度和颜色。_ creat . style . height=math . floor(600/event)' px '；这个。_ creat . style . background COlOr=this . COlOr；这个。_ creat . class name=this . class name；//float obox.appendChild(this。_creat)到样式中div的左边；//作为子级添加到obox } varo div=document . getelementsbyclassname(' creat ')；//获取创建的div var num random=par sent(math . random()* odiv . length)；//随机取其中一个改变其透明度值odiv [numrandom]。风格。不透明度=这个。不透明性；Odiv [numrandom]。onclick=function () {/*单击时，首先清空obox中的元素，也就是上一级的div *得到分数改变n的值*改变event的值，可以自定义难度*然后在调用构造函数中调用go function属性，创建一组新的元素*/var oscore=document . getelementbyid('。n；oscore . innerhtml=' level:' n '；obox.innerHTML=事件；create . go()；} } }/script/body/html/html以上是边肖介绍的用Javascript寻找不同色块的游戏，希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！