JavaScript語(yǔ)言是讓網(wǎng)頁(yè)能夠動(dòng)起來(lái)非常重要的一環(huán),今天小千就來(lái)給大家分享一個(gè)利用JavaScript開(kāi)發(fā)一個(gè)垃圾分類(lèi)小游戲的教程,學(xué)完之后別忘記自己動(dòng)手試一試哦。
JavaScript其實(shí)主要就是使用與類(lèi)似css的設(shè)置(先獲取到元素,再去進(jìn)行設(shè)置類(lèi)似于css的屬性),我們還可以使用JavaScript去做各種的函數(shù),使得在我們連接包含了js文件后直接進(jìn)行執(zhí)行js中的沒(méi)有名字的函數(shù),還可以通過(guò)按下、回車(chē)等進(jìn)行調(diào)用其他函數(shù)(跳轉(zhuǎn)、實(shí)現(xiàn)各種功能、給后臺(tái)進(jìn)行數(shù)據(jù)的發(fā)送等等)。
這里以垃圾分類(lèi)小游戲?yàn)槔?,下面是運(yùn)行結(jié)果和代碼
1.我們的頁(yè)面在創(chuàng)建的時(shí)候其實(shí)就是先畫(huà)圖,看自己的需求,然后進(jìn)行代碼的編寫(xiě)(HTML+CSS)
2.我們就要去考慮我們需要實(shí)現(xiàn)什么功能(js)
當(dāng)前的功能同時(shí)做的事情:function(){ }//設(shè)置一個(gè)定時(shí)器,讓他每隔xs就做xxxxx
我們同時(shí)要進(jìn)行小魔女進(jìn)行拋出動(dòng)作、垃圾飛行動(dòng)作(拋物線)、小蔡同學(xué)進(jìn)行頂以下的操作
好啦同學(xué)們趕緊去試試吧,想要源代碼或者其他的web前端學(xué)習(xí)資料的話,可以加一下我們的交流分享qq群:791201477 或者 857920838 添加之后直接找群管理要就可以啦,歡迎大家分享和學(xué)習(xí)~~