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

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

Referenze

postDefinisce un metodo di invio di dati al server
colspanDefinisce il numero di colonne di una cella all'interno di una tabella.
heightDetermina l'altezza di un elemento HTML in pixel
formSpecifica a quale form appartiene un elemento.
<h2>Titolo di intestazione di secondo livello
<address> Definisce una sezione contenente indirizzi, contatti e informazioni

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

4399-sposta oggetto

JS Oggetti ed eventi es2

Festava Live - Bootstrap 5 CSS Tem

Gli Aristogatti

basicStructure 2

programma base Di lauro

esercitazione n. 1

Valutazione Immobiliare Gratuita

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<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>

*{ }