Heim >Web-Frontend >js-Tutorial >Lassen Sie uns einen Zufallsfarbgenerator erstellen!

Lassen Sie uns einen Zufallsfarbgenerator erstellen!

Barbara StreisandOriginal: 2025-01-14 09:54:42442Durchsuche

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>

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