Quiz mit Javascript erstellt - bitte um Code-Beurteilung
Hallo zusammen,
um mein Selbststudium in Javascript voranzubringen, habe ich ein kleines (noch völlig unfertiges) Musik-Quiz erstellt:
https://jsfiddle.net/m7gb8d3t/1/
Meine Bitte ist, dass sich erfahrene Anwender meinen JS-Code anschauen und beurteilen, ob irgendetwas völlig anders gemacht werden müsste. Ich weiß, dass der Code nicht optimal ist, aber ich suche in meinem frühen Lernstadium auch noch nicht nach Perfektion – es geht mir eher um prinzipielle Fehler, die ich künftig vermeiden sollte.
Eine Sache stört mich schon selbst: Der größte Teil des JS-Codes ist redundant – erst zum Initialisieren des Spiels, dann um mit einem Click zur nächsten Frage zu kommen. Das kann nicht der richtige Weg sein, aber ich finde derzeit keine bessere Lösung. Vielleicht habt Ihr ja einen Tipp für mich.
Danke und Gruß
Felix
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<!DOCTYPE html>
<html lang="de">
<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>Ratespiel</title>
<link rel="stylesheet" href="/css_webseite/all.min.css">
<style>
* {
box-sizing: border-box;
padding:0;
margin: 0;
}
h1{
font-size: 150%;
font-weight: 800;
margin-bottom: 0.5rem;
color: coral;
}
button ,.buttons,#solution,h1{
width: 100%;
border-radius: 1rem;
color: white;
border:0px solid white;
background: cornflowerblue;
margin: 7px 0;
padding: 0.7rem;
font-size: 1.2rem;
font-weight: 700;
cursor: pointer;
}
main{
width:90%;
margin:0 auto;