Körperteil: <button>Licht ein-/ausschalten</button> Skriptteil: <Skript> // window.onload ist das Fensterladeereignis, mit dem Code in das Element geschrieben werden kann window.addEventListener('load', function () { var btn = document.querySelector('Schaltfläche'); // Definieren Sie eine Variable, um zu bestimmen, ob das Licht an oder aus ist. var flag = 0; btn.onclick = Funktion () { wenn (Flagge == 0) { document.body.style.backgroundColor = "schwarz"; Flagge = 1; } anders { Dokument.Body.Style.BackgroundColor = "pink"; Flagge = 0; } } }) </Skript> Wenn Verwenden Sie dann den folgenden Code:
<Skript>
var btn = document.querySelector('Schaltfläche');
Var-Flagge = 0;
btn.onclick = Funktion () {
wenn (Flagge == 0) {
document.body.style.backgroundColor = "schwarz";
Flagge = 1;
} anders {
Dokument.Body.Style.BackgroundColor = "pink";
Flagge = 0;
}
}
</Skript>
Dies ist das Ende dieses Artikels über die Verwendung von JS zur Implementierung von einfachem Lichtschaltercode. Weitere relevante Inhalte zu JS zur Implementierung von einfachem Lichtschalter finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! Das könnte Sie auch interessieren:
|
>>: Zusammenfassung eines CSS-Codes, der die gesamte Site grau macht
1. Prinzip des besten linken Präfixes – Wenn mehr...
Im offiziellen Dokument heißt es: Durch Einfügen ...
Beim Erlernen von CSS3 geht es mehr darum, sich m...
Zelle -- der Inhalt der Tabelle Zellenrand (Tabell...
Inhaltsverzeichnis Vorwort XA-Protokoll So implem...
Ähnlich wie der von GitHub bereitgestellte Code-H...
Vorwort Manchmal stellen Dateikopien eine enorme ...
Inhaltsverzeichnis Zugehörige Abhängigkeitsinstal...
Tabellen spielten einst eine sehr wichtige Rolle ...
Tatsächlich ist dieses Problem bereits aufgetreten...
1. Unter 800 x 600 gibt es keine horizontale Bild...
Inhaltsverzeichnis Installieren Grundlegende Konf...
Ursachen und Folgen 1. Wenn Sie den Ansible-Befeh...
Inhaltsverzeichnis 1. Installation 2. Ins Projekt...
Harbor ist ein Registry-Server auf Unternehmenseb...