上節(jié)課完成游戲連連看的所有的功能煮嫌。
這節(jié)課就來進(jìn)行最后的裝修以及發(fā)布器净。
完整性測試
為了測試從第1關(guān)到第9關(guān)所有的關(guān)卡尖淘，可以修改難度參數(shù)惫叛，降低難度之后進(jìn)行通關(guān)測試倡勇。
linklink.js修改如下：
測試的過程當(dāng)中，發(fā)現(xiàn)一個問題挣棕，那就是如果碰到無解的情況译隘，進(jìn)行了變換之后還是無解亲桥，就會進(jìn)入死循環(huán)，這是因為剩余圖片變換位置函數(shù)并不太完美固耘。
因為是按照位置相鄰2個圖片進(jìn)行交換位置题篷，交換之后，假設(shè)正好也是無解厅目，則繼續(xù)變換番枚，還是2個相鄰圖片進(jìn)行交換，那么正好又變?yōu)橹暗奈恢昧怂鸱螅@樣就會永遠(yuǎn)變換下去葫笼，從而進(jìn)入死循環(huán)了。
需要修改這里的變換函數(shù)：
linklink.js修改如下：
刷新網(wǎng)頁拗馒，開始測試：
依次從第1關(guān)測試到第9關(guān)路星，直到通關(guān)：
注釋掉相關(guān)代碼恢復(fù)相關(guān)參數(shù)
全部測試完成之后，可以將相關(guān)參數(shù)調(diào)整為正常诱桂，并將所有的log語句都注釋掉洋丐。
由于前面對代碼的修改比較多，這里將完整的代碼全部貼出來挥等，防止大家失誤友绝。
linklink.html代碼如下：
linklink.css代碼如下：
linklink.js代碼如下：
發(fā)布到阿里云網(wǎng)站
在本機測試完成之后，參照第2章網(wǎng)站發(fā)布的教程肝劲，可以將這個連連看游戲發(fā)布到阿里云網(wǎng)站上迁客。
在個人簡介的網(wǎng)站首頁上增加一個鏈接，點擊后新窗口鏈接到linklink.html文件辞槐。
index.html修改如下：
然后將以下文件都發(fā)布到網(wǎng)站相應(yīng)的目錄下：
index.html
linklink.html
linklink.css
linklink.js
images目錄下的所有圖片
發(fā)布之后掷漱，打開瀏覽器訪問對應(yīng)的域名:
可以看到多了一個鏈接，點擊此鏈接催蝗，可以看到新窗口的內(nèi)容就是游戲連連看切威。
第3章內(nèi)容總結(jié)
通過學(xué)習(xí)基礎(chǔ)的JavaScript語法育特， 并通過幾個例子掌握J(rèn)avaScript來修改網(wǎng)頁內(nèi)容和樣式的方法丙号。
然后通過2個游戲算24點和連連看，學(xué)習(xí)設(shè)計開發(fā)游戲缰冤，并將Html犬缨、CSS和JavaScript結(jié)合起來，完成一個比較復(fù)雜的動態(tài)網(wǎng)頁棉浸。
下一節(jié)課怀薛，將開始一段新的課程，開始真正的零基礎(chǔ)迷郑，非常適合家長帶著孩子一起學(xué)編程枝恋。
