quiz4.html

  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <meta charset="UTF-8">
  4. <title>Quiz 4</title>
  5. <script src="quiz.js"></script>
  6. <link href="quiz.css" rel="Stylesheet">
  7.  
  8. let div = null;
  9.  
  10. function paginaCargada() {
  11. div = document.querySelector("#quiz");
  12. mostrarPreguntas();
  13. }
  14.  
  15. function mostrarPreguntas() {
  16. for (const item of datos) {
  17. const h2 = document.createElement('h2');
  18. h2.textContent = item.pregunta;
  19. div.appendChild(h2);
  20. mostrarRespuestas(item.respuestas);
  21. }
  22. }
  23.  
  24. function mostrarRespuestas(respuestas) {
  25. for (const resp of respuestas) {
  26. const p = document.createElement('p');
  27. p.textContent = resp;
  28. div.appendChild(p);
  29. }
  30. }
  31.  
  32. </script>
  33. </head>
  34. <body onload="paginaCargada()">
  35. <h1>Quiz 4</h1>
  36. <div id="quiz">
  37.  
  38. </div>
  39. </body>
  40. </html>

Proinf.net