Connect JavaScript quiz with Onsen UI

Antonio Andres

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