pagina America(2)(2) by @Luigi98 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

formmethodDefinisce il metodo di invio dei dati oltre a method
idIdentifica univocamente un elemento HTML
<li>Inserisce voci all'interno di una lista
<div>Crea contenitori generici o sezioni in una pagina
selectedPre-seleziona un elemento di input
<h2>Titolo di intestazione di secondo livello

Users

Log in to search for users

Explore

Find inspiration

INSERIMENTO IMMAGINI IN UN TESTO

inserimento immagini in un testo

attività della settimana primo te

Il mio primo sito(2)

Esercizi 05/03/2024 es9

rectangle drawning

La magica storia di Peter Pan_Laura

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<style>
#quiz{background-color:;
  }
</style>
<div class="container">
 <div id="quiz">
<form id="quizForm">
  <center>
    <img src="https://translationsandmore.altervista.org/wp-content/uploads/2023/04/us.png" width="80px" height="60px">
    </center>
    <br>
    <input type="radio" name="q1" value="a"> a) Canada<br>
    <input type="radio" name="q1" value="b"> b) Italia<br>
    <input type="radio" name="q1" value="c"> c) Stati Uniti<br>
<center>
    <img src="https://translationsandmore.altervista.org/wp-content/uploads/2023/04/jp.png" width="80px" height="60px">
    </center>
    <br>
    <input type="radio" name="q2" value="a"> a) Giappone<br>
    <input type="radio" name="q2" value="b"> b) Francia<br>
    <input type="radio" name="q2" value="c"> c) Brasile<br>
<br><br>
    <center>
    <img src="https://translationsandmore.altervista.org/wp-content/uploads/2023/04/gb.png" width="80px" height="60px">
    </center>
    <br>
    <input type="radio" name="q3" value="a"> a) Germania<br>
    <input type="radio" name="q3" value="b"> b) Regno Unito<br>
    <input type="radio" name="q3" value="c"> c) Cina<br>

    <br>
    <input type="submit" value="Verifica">
  </form>

  <div id="results"></div>
</div>
  
</div>

  <script>
    const quizForm = document.getElementById('quizForm');
    quizForm.addEventListener('submit', function(event) {
      event.preventDefault();

      const answers = {
        q1: quizForm.elements['q1'].value,
        q2: quizForm.elements['q2'].value,
        q3: quizForm.elements['q3'].value
      };

      const correctAnswers = {
        q1: 'c',
        q2: 'a',
        q3: 'b'
      };

      let score = 0;
      for (const question in answers) {
        if (answers[question] === correctAnswers[question]) {
          score++;
        }
      }

      const resultsDiv = document.getElementById('results');
      resultsDiv.innerHTML = 'Hai ottenuto ' + score + ' risposta/e corretta/e su 3.';
    });
  </script>

*{ }