Lassen Sie uns einen Zufallsfarbgenerator erstellen!-js-Tutorial-php.cn

Lassen Sie uns einen Zufallsfarbgenerator erstellen!

Barbara Streisand

Freigeben： 2025-01-14 09:54:42

Original

473 Leute haben es durchsucht

Let’s Create a Random-Color Generator!

Wenn Sie neu bei JavaScript sind, haben Sie wahrscheinlich viel darüber gelernt, wie Datentypen, Logik, Funktionen usw. funktionieren. Das ist gut; Um JS eines Tages in komplexeren Projekten einzusetzen, müssen Sie mit den Grundlagen beginnen. Abhängig von Ihrer Aufmerksamkeitsspanne verspüren Sie möglicherweise bald den starken Wunsch, Ihre JS-Kenntnisse auf einer tatsächlichen Website einzusetzen. Dies kann etwas kompliziert sein (aber nicht so kompliziert wie reguläre Ausdrücke, Amirite), aber einer der einfacheren Ausdrücke, mit denen Sie beginnen können, ist, Sie haben es erraten, ein Zufallsfarbgenerator. In diesem Artikel führe ich Sie durch die Schritte, mit denen ich selbst eines gebaut habe.

1. Fügen Sie Standard-HTML hinzu

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA=Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Random-Color Generator</title>

  <!--Link stylesheets-->
  <link rel="stylesheet" href="./styling.css">
  <link rel="stylesheet" href="./responsive.css">
</head>

Nach dem Login kopieren

Wenn Sie VS-Code verwenden, können Sie „!“ eingeben. in das leere HTML-Dokument ein und drücken Sie dann die Eingabetaste, um diesen Teil hinzuzufügen (bei anderen Texteditoren bin ich mir nicht sicher), falls Sie das noch nicht wussten. Unter dem Textbaustein habe ich Links zu den CSS-Dokumenten hinzugefügt, die ich für dieses Projekt verwendet habe. Ich empfehle, Ihr CSS in einer separaten Datei aufzubewahren, damit Ihre HTML-Datei nicht zu groß und kompliziert wird. Da das JavaScript, das wir schreiben werden, nicht besonders lang ist, füge ich es direkt zur HTML-Datei im

Neueste Artikel des Autors

Aktuelle Ausgaben

function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...

Aus 2024-04-29 11:01:01

2801

So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?

Aus 2024-04-23 00:22:19

2928

Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.

Aus 2024-04-19 15:37:47

2443

Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...