JavaScript-Farbbetrachter
|
In diesem Artikelbeispiel wird der spezifische JavaScript-Code zur Implementierung des Farbbetrachters zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt Ergebnisse erzielen
Implementierungscode
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8" />
<title>Farbbetrachter</title>
<Stil>
#Farbe {
Breite: 150px;
Höhe: 150px;
Hintergrundfarbe: #fff;
Rand: 1px durchgezogen #000;
}
</Stil>
</Kopf>
<Text>
<div id="Farbe"></div>
<input id="inp" type="text" placeholder="Bitte geben Sie den Farbcode ein..." />
<button id="trans">Farbe anzeigen</button>
<button id="rst">Wiederherstellen</button>
</body>
<Skript>
let trans = document.getElementById('trans');
Lassen Sie Farbe = document.getElementById('Farbe');
let inp = document.getElementById('inp');
let rst = document.getElementById('rst');
trans.addEventListener('klicken', () => {
Farbe.Stil.Hintergrundfarbe = Eingabewert;
});
rst.addEventListener('klicken', () => {
Farbe.Stil.Hintergrundfarbe = '#fff';
inp.wert = '';
});
</Skript>
</html>Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
<<: Detaillierte Installation und Verwendung von SSH in der Ubuntu-Umgebung
>>: Zusammenfassung der allgemeinen Funktionen von regulären Ausdrücken in PostgreSQL
Artikel empfehlen
Zusammenfassung der Docker-Datenspeicherung
Bevor Sie diesen Artikel lesen, hoffe ich, dass S...
So erstellen Sie eine automatisierte Bereitstellungsumgebung für Docker, Jenkins und Node.js von Grund auf
Dieser Fall basiert auf dem CentOS 7-System Geeig...
Mysql implementiert die regelmäßige Bereinigung alter Daten in einer Tabelle und die Beibehaltung mehrerer Datenstücke (empfohlen)
Um folgende Ziele zu erreichen: Die MySQL-Datenba...
Beispielcode für den Anzeigeeffekt zum Schütteln und Vergrößern von JS-Albumbildern
Im vorherigen Artikel wurde erläutert, wie Sie mi...
So beheben Sie den abnormalen Fehler ERROR: 2002 in MySQL
Kürzlich ist beim Starten von MySQL ein Fehler au...
MySQL fügt automatisch Millionen simulierter Datenoperationscodes ein
Ich verwende Navicat als Datenbanktool. Andere si...
Zusammenfassung ungewöhnlicher Operatoren und Operatoren in js
Zusammenfassung gängiger Operatoren und Operatore...
Elegante praktische Aufzeichnung der Einführung der Iconfont-Symbolbibliothek in Vue
Inhaltsverzeichnis Vorwort SVG generieren Einführ...
Detailliertes Tutorial zum PyCharm- und SSH-Remote-Access-Server-Docker
Hintergrund: Einige Experimente müssen auf dem Se...
Detailliertes Beispiel für Zeilensperren in MySQL
Vorwort Sperren sind Synchronisierungsmechanismen...
Was sind Web Slices?
Neue Funktion von IE8: Web Slices (Web Slices) Mi...
Tabelle zeigt den Grenzcode, den Sie anzeigen möchten
Gemeinsame Eigenschaften von Tabellen Die grundle...
Sechs wichtige Selektoren in CSS (merken Sie sie sich in drei Sekunden)
Von: https://blog.csdn.net/qq_44761243/article/de...
Probleme mit Join-Abfragen und Unterabfragen in MySQL
Inhaltsverzeichnis Grundlegende Syntax für Multi-...
JavaScript implementiert ein KI-Tic-Tac-Toe-Spiel durch den Maximum- und Minimum-Algorithmus
Lassen Sie uns ohne weitere Umschweife den Screen...