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
Was sind die Shutdown-Befehle für Linux-Systeme? ...
1 MySQL Autocommit-Einstellungen MySQL führt stan...
Beim Erstellen eines Formulars in einem aktuellen...
Kürzlich erhielt ich eine Anforderung für eine Fun...
Der Grund liegt darin, dass es nach der Installat...
Die Situation ist wie folgt: (PS: Das rote Kästche...
1. DNS-Server-Konzept Die Kommunikation im Intern...
Allgemeine Kommentare in HTML: <!--XXXXXXXX--&g...
Die Position-Eigenschaft Die Positionseigenschaft...
Die folgenden Fragen basieren alle auf der InnoDB...
SVG wurde in den letzten Jahren aufgrund seiner v...
Denn die von Docker abgerufenen Basisimages wie C...
Inhaltsverzeichnis 1: Handschriftliche Seitennumm...
Was ist DOM? Mit JavaScript können Sie das gesamt...
Fehler-Screenshot Ich kann nicht finden, wo die A...