quiz5.html

  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <meta charset="UTF-8">
  4. <title>Quiz 5</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. const input = document.createElement('input');
  28. const texto = document.createTextNode(resp);
  29. input.setAttribute('type', 'radio');
  30. p.appendChild(input);
  31. p.appendChild(texto);
  32. div.appendChild(p);
  33. }
  34. }
  35.  
  36. </script>
  37. </head>
  38. <body onload="paginaCargada()">
  39. <h1>Quiz 5</h1>
  40. <div id="quiz">
  41.  
  42. </div>
  43. </body>
  44. </html>

Proinf.net