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
Microsoft IIS IIS (Internet Information Server) i...
<meta name="viewport" content="...
MySQL kann nicht nur über das Netzwerk, sondern a...
Inhaltsverzeichnis Einführung Erstellen eines Nex...
Primitive Werte -> primitive Typen Number Stri...
Manche Leute verwenden diese drei Tags auf pervers...
Über JS, CSS CSS: Stylesheet oben Vermeiden Sie C...
Standardmäßig generiert die MyISAM-Tabelle drei D...
Rownum ist eine einzigartige Schreibmethode in Or...
In diesem Artikel wird der spezifische JS-Code zu...
Inhaltsverzeichnis 1. Verwenden Sie Objekt, um ei...
Datenträgerbezeichnung, Eigenschaftsname, Beschre...
Abschnitt Studieninhalte Std 1 Webdesign-Übersich...
Ich hatte nichts zu tun, also kaufte ich zum Lern...
Inhaltsverzeichnis 1. Definition und Aufruf des K...