JSFiddle - React, Tailwind, and code Playground

by XarX

HTML

<!DOCTYPE html>
<html>
<body>
    <p id="bookTitle"></p>
    <p id="vars"></p>
    <button onclick="generateTitle()">Generiere Buchtitel</button>
</body>
</html>

CSS

body {
            text-align: center;
            font-family: Arial, sans-serif;
        }

        h1 {
            color: #333;
        }

        #bookTitle, #vars {
            font-size: 20px;
            margin-top: 80px;
        }

        button {
            background-color: #007BFF;
            color: #fff;
            border: none;
            padding: 10px 20px;
            margin-top: 20px;
            border-radius: 5px;
        }

        button:hover {
            background-color: #0056b3;
        }

JavaScript

const fantasyNames = [
   "Thaldor Morgensang",
   "Elyndra Schattenherz",
   "Grimwald Eisenbart",
   "Sylvaen Waldläufer",
   "Liora Mondenschein",
   "Brondar Steinglanz",
   "Naela Sternenwind",
   "Faelin Silberhaar",
   "Korinna Rabenauge",
   "Thoren Wolkenrufer",
   "Aldric Sturmherz",
   "Elowen Elbenlied",
   "Borin Hammerfaust",
   "Lyria Dämmerlicht",
   "Haldor Schwarzstern",
   "Lirael Sternensplitter",
   "Gaelin Schneewind",
   "Daelin Frostbarde",
   "Thurin Steinfeuer",
   "Seren Mondschatten",
   "Elira Nebelherz",
   "Kaldor Lichtbringer",
   "Daela Morgenblume",
   "Thrain Bergklinge",
   "Aelinor Elbensang",
   "Gavrin Eisenschild",
   "Lyria Schattenfeder",
   "Thorian Sturmklinge",
   "Narilda Waldseele",
   "Keldor Schattenblick",
   "Alarion Glanzlicht",
   "Myrin Dämmerflamme",
   "Elyria Sonnenfeder",
   "Lorelin Sternenhimmel",
   "Baelor Felsenhaut",
   "Sylena Frostschleier",
   "Varin Mondschein",
   "Thyra Schneekrone",
   "Eldor Silberlied",
   "Tylira Nebelschleier",
   "Aedan Wolkensang",
   "Sylvina Sternenseele",
   "Korinna Frostmond",
   "Gelarion Silberdorn",
   "Thyria Morgentau",
   "Varian Sternenherr",
   "Lyrana Nebelrose",
   "Daelin Frostzweig",
   "Ailira Silberhain",
   "Thalina Waldflüstern",
   "Baelor Nebelsturm",
   "Galen Sturmschreiter",
   "Thalia Sonnenglanz",
   "Faelin Regenbogenflug",
   "Naelor Sternentänzer",
   "Eldria Wolkenmeer",
   "Varia Elbenwind",
   "Aelarion Lichtsänger",
   "Thoren Morgenstern",
   "Sylwin Sternengesang",
   "Kaelin Schattenrufer",
   "Aldora Silberblick",
   "Keldor Wolkenstein",
   "Lyndra Sternenstaub",
   "Thaelyn Nebellicht",
   "Elyndor Nachtjäger",
   "Aelira Elbenklang",
   "Faelan Silberfluss",
   "Thalara Sternenspur",
   "Gaelira Dämmerwind",
   "Elyan Mondschein",
   "Aelthor Silberblatt",
   "Narwin Sternenherz",
   "Sylvara Elbensang",
 ];



 const synonyms = [
   ["Das", "Ein", "Tomus"],
   ["Der", "Ein", "Foliant"],
   ["Die", "Eine", "Schriftrolle"],
  ...