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
Inhaltsverzeichnis Schritte zum Erstellen von TCP...
Anforderungen: Entfernen Sie HTTP-Antwortheader i...
Ich bin kürzlich bei der Arbeit auf ein Problem g...
Verwenden Sie self:: oder __CLASS__, um eine stat...
Problem: vue-cil3 wird mit Warnungen ausgeführt, ...
Hinzufügen einer Netzwerkschnittstelle zum Contai...
Inhaltsverzeichnis Typische Wasserfall-Website Wa...
In diesem Artikel werden hauptsächlich die Unters...
1. Einleitung Oracle hat MySQL 8.0GA veröffentlic...
Tomcat definiert intern mehrere ClassLoader, soda...
Inhaltsverzeichnis 1. Verwenden Sie Plugin-Ausdrü...
1. Suchen Sie im Browser nach MySQL, um es herunt...
Warum Vim lernen? Linux verfügt über eine große A...
Inhaltsverzeichnis 1. Funktionseinführung 2. Schl...
MySQL-Bereitstellung Derzeit stellt das Unternehm...