3. Connect JavaScript quiz with Onsen UI

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

Connect JavaScript quiz with Onsen UI

  • A

    I have a JavaScript quiz with radio buttons answers. I have the questions and anwers as an array as you can see.

    The point is that the Onsen UI style is not displaying - the buttons are “plain” buttons instead. I guess I just need to add a really simple codein the answers.push but I can’t figure out.

    Here is the part that I think needs the code:

       answers.push(
          `<label>
            <input type="radio" name="question${questionNumber}" value="${letter}">
            ${letter} :
            ${currentQuestion.answers[letter]}
          </label>`
        );

    The array:

    var questionPool = [
    {
      question: "¿Por qué es importante la autoestima?",
      answers: {
        a: "Porque ayuda a moverse en el espacio físico.",
        b: "Porque fomenta la seguridad en uno mismo.",
        c: "Porque se diseña mejor la unidad didáctica."
      },
      correctAnswer: "b"
    },
    {
      question: "Los servicios higiénicos...",
      answers: {
        a: "No se deben separar por sexo.",
        b: "Deben estar limpios y desinfectados.",
        c: "Se diferencian sólo por edad."
      },
      correctAnswer: "b"
    }
];

    Just in case you want to see the complete codepen: https://codepen.io/anon/pen/WMpqKg

    0