直入正題,用JS實(shí)現(xiàn)一個(gè)簡(jiǎn)單的打地鼠游戲

因?yàn)楣δ鼙容^簡(jiǎn)單就直接裸奔JS了,先看看效果圖,或者 在線玩玩 吧 

如果點(diǎn)擊顏色比較深的那個(gè)(俗稱壞老鼠),將扣分50;如果點(diǎn)擊顏色比較淺的那個(gè)(俗稱好老鼠),將得分100

 

實(shí)現(xiàn)

老鼠好像有點(diǎn)難畫,又不想用圖片,就直接用CSS畫個(gè)簡(jiǎn)單的圖代表老鼠和坑吧

html結(jié)構(gòu)

挺簡(jiǎn)單,用9個(gè) li 標(biāo)簽代表坑,用9個(gè) div 標(biāo)簽代表老鼠