原生js實現(xiàn)別踩白塊小游戲的方法，我們通過前面一系列的文章和視頻，給大家詳細(xì)講解了其中的實現(xiàn)方法，希望對感興趣的朋友，有一定的幫助。

本節(jié)內(nèi)容主要給大家介紹別踩白塊小游戲中最后一部分的js方法。

別踩白塊小游戲的完整代碼，可參考：《原生JS實現(xiàn)別踩白塊小游戲（一）》

相關(guān)js代碼如下：

go.children[0].onclick = function () {

    if (main.children.length) {

        //暴力清楚main里面所有盒子

        main.innerHTML = '';

    }

    //清空計分

    count.innerHTML = '游戲開始';

    //隱藏開始盒子

    this.parentNode.style.display = "none";

    move(main);

}

這段代碼主要表示，當(dāng)點擊div“go”即“點擊開始”時，就會調(diào)用上述代碼中的一系列函數(shù)方法。

在上述方法中，如果main下存在行，也就是游戲區(qū)域存在一行行方塊元素時，我們就通過main.innerHTML = ''，暴力清除main中的所有盒子。并且清空分?jǐn)?shù)，設(shè)置顯示“游戲開始”和隱藏“點擊開始”。然后再調(diào)用move方法，那么move方法中又會調(diào)用用CDiv方法。如此動態(tài)方法循環(huán)就可以實現(xiàn)別踩白塊游戲了。

關(guān)于move和CDiv方法，我們在前面的文章中也給大家詳細(xì)介紹過，需要的朋友可以參考以下相關(guān)文章。

相關(guān)文章：

《原生JS實現(xiàn)別踩白塊小游戲（二）》

《原生JS實現(xiàn)別踩白塊小游戲（三）》

《原生JS實現(xiàn)別踩白塊小游戲（四）》

《原生JS實現(xiàn)別踩白塊小游戲（五）》

《原生JS實現(xiàn)別踩白塊小游戲（六）》

《原生JS實現(xiàn)別踩白塊小游戲（七）》

《原生JS實現(xiàn)別踩白塊小游戲（八）》

《原生JS實現(xiàn)別踩白塊小游戲（九）》

本篇文章就是關(guān)于原生js實現(xiàn)別踩白塊小游戲的方法介紹，其實也非常簡單，希望對感興趣的朋友有所幫助！

以上是原生JS實現(xiàn)別踩白塊小游戲（十一）的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！