国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Heim t?gliche Programmierung HTML-Kenntnisse Native JS implementiert das Spiel ?Don't Step on White Block' (11)

Native JS implementiert das Spiel ?Don't Step on White Block' (11)

Jan 03, 2019 pm 02:58 PM

So implementieren Sie das Spiel ?Don't Step on White Blocks“ mit nativem js. Wir haben die Implementierungsmethode im Detail erkl?rt werde etwas Wissenshilfe haben.

Native JS implementiert das Spiel ?Don't Step on White Block' (11)

Dieser Abschnitt führt Sie haupts?chlich in die js-Methode des letzten Teils des Spiels ?Nicht auf wei?e Bl?cke treten“ ein.

Den vollst?ndigen Code des Spiels ?Don't Step on the White Blocks“ finden Sie unter: ?Native JS-Implementierung des Spiels ?Don't Step on the White Blocks“ (1) "

Der relevante js-Code lautet wie folgt:

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

    if (main.children.length) {

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

        main.innerHTML = '';

    }

    //清空計分

    count.innerHTML = '游戲開始';

    //隱藏開始盒子

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

    move(main);

}

Dieser Code bedeutet haupts?chlich, dass beim Klicken auf das Div ?Los“, also ?Zum Starten klicken“, eine Reihe von Funktionen und Methoden im obigen Code werden aufgerufen.

Native JS implementiert das Spiel ?Don't Step on White Block' (11)

Wenn in der obigen Methode Zeilen unter main vorhanden sind, d. h. wenn im Spielbereich Reihen quadratischer Elemente vorhanden sind, übergeben wir main.innerHTML = '', L?sche gewaltsam alle K?stchen im Hauptmenü. Und l?schen Sie den Punktestand, stellen Sie die Anzeige von ?Game Start“ ein und verbergen Sie ?Click to Start“. Rufen Sie dann die Move-Methode auf, und die CDiv-Methode wird in der Move-Methode aufgerufen. Auf diese Weise kann die dynamische Methodenschleife das Spiel ?Don't Step on White Blocks“ realisieren.

Bezüglich der Umzugs- und CDiv-Methoden haben wir sie in früheren Artikeln ausführlich vorgestellt. Freunde in Not k?nnen sich auf die folgenden verwandten Artikel beziehen.

Verwandte Artikel:

Native JS-Implementierung des Spiels ?Nicht auf wei?e Bl?cke treten“ (2)

Native JS Implementierung des Spiels ?Nicht auf wei?e Bl?cke treten“ (3)

Native JS-Implementierung des Spiels ?Nicht auf wei?e Bl?cke treten“ (4)

Native JS realisiert das Minispiel ?Treten Sie nicht auf die wei?en Kacheln (5)“

Native JS realisiert das Minispiel ?Nicht auf die wei?en Kacheln treten“ (6)

Native JS realisiert das Minispiel ?Nicht auf die wei?en Kacheln treten“. die wei?en Kacheln (7)

Native JS implementiert das Minispiel ?Nicht auf die wei?en Kacheln treten“ (8)

Native JS implementiert das Spiel ?Don't Step on White Block“ (9)

In diesem Artikel geht es um die native JS-Implementierung von ?Don't Step on the White“. Bl?cke-Spiel Die Einführung in die Methode, auf wei?e Bl?cke zu treten, ist eigentlich sehr einfach. Ich hoffe, dass es für interessierte Freunde hilfreich ist!

Das obige ist der detaillierte Inhalt vonNative JS implementiert das Spiel ?Don't Step on White Block' (11). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erkl?rung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Hei?e KI -Werkzeuge

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?e Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Hei?e Themen

PHP-Tutorial
1502
276