Estoy tratando de crear una aplicación de prueba que debería presentar 5 preguntas, elegidas al azar de un banco de preguntas. Pero, debería haber tres formas diferentes de responder a las preguntas:
¿Cómo creo esto por favor? Todavía no tengo un archivo JS, no me importa que crees un archivo JS.
@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,regular,500,600,700,800,900); :root { --background: rgb(29, 26, 26); --text-color: rgb(255, 255, 255); } * { box-sizing: border-box; margin: 0; padding: 0; } body { background-color: var(--background); font-family: 'Poppins', sans-serif; } .quiz-container { margin: 30px auto; width: 70%; text-align: center; } .header h3 { color: var(--text-color); font-size: 30px; } .question-tog { display: flex; justify-content: space-between; align-items: center; width: 50%; margin: 0 auto; } button { padding: 8px 35px; cursor: pointer; border-radius: 5px; font-size: 15px; display: flex; align-items: center; gap: 20px; } i { font-size: 25px; } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Interactive Quiz App</title> <link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'> <link rel="stylesheet" href="/quiz/style.css"> </head> <body> <div class="quiz-container"> <div class="header"><h3>Interactive Quiz App</h3></div> <div class="quiz"> </div> <div class="question-tog"> <button class="prev"> <span>Prev</span> <i class='bx bx-left-arrow-alt'></i></button> <button class="next"> <span>Next</span> <i class='bx bx-right-arrow-alt'></i></button> </div> </div> </body> </html>Para crear el siguiente cuestionario, debe usar matrices js. El cual almacenará el conjunto de preguntas a elegir aleatoriamente. Otra cosa es que necesita usar módulos js para enviar datos a través de las páginas. Y así es como puedes hacerlo.
Prefiero sugerirle que use sesiones php, en lugar de eso, son mucho más simples y fáciles de usar.