Auf Thema antworten

Beitrag

[QUOTE="Sempervivum, post: 13768, member: 3917"]
Da habe ich leider etwas vergessen: Wir brauchen den Button, um das Quiz zu starten wenn der Benutzer seine Eingaben gemacht hat. Also im HTML hinzu fügen:
[CODE]
<body>
    <main>
        
        <div class="modal-start">
            
            <input type="email" name="email">
            <input type="name" name="name">
            
            <button type="button" id="send-it">Quiz beginnen</button>
        </div>

<div class="modal-container" id="score-modal">

<h1>Congratulations, Quiz Completed.</h1>
                [/CODE]
Und der Eventlistener dafür im Javascript:
[CODE]        // Eventlistener für Klick auf den Button registrieren,
        // beim Klick wird das Quiz gestartet indem der Container
        // sichtbar gemacht und die der erste Frage angezeigt wird:
        document.querySelector('#send-it').addEventListener('click', event => {
            document.querySelector('.game-quiz-container').style.display = 'flex';
            NextQuestion(0);
        });
[/CODE]
[/QUOTE]

Authentifizierung