Show sourcecode

The following files exists in this folder. Click to view.

ramverket/exercises/quiz/js/

dashboard.js
quiz.js

`dashboard.js`

29 lines UTF-8 Windows (CRLF)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29


const questionContainer = document.querySelector("#create_question_container");

const addQuestionBtn = document.querySelector("#add_question");

let questionIndex = 1;



addQuestionBtn.addEventListener("click", () => {

  questionContainer.insertAdjacentHTML("beforeend", `<div class="create_question_holder">

      <input type="text" name="questions[${questionIndex}][question]" placeholder="Fråga" required>

      <input type="number" name="questions[${questionIndex}][points]" placeholder="Poäng" min="1" required>

      <p>Skriv in svarsalternativ och markera rätt svar</p>

      <div class="create_choice_holder">

        <input class="create_choice" type="text" name="questions[${questionIndex}][choices][0]" placeholder="Svar 1" required>

        <input type="radio" name="questions[${questionIndex}][correct]" value="0" checked required>

      </div>

      <div class="create_choice_holder">

        <input class="create_choice" type="text" name="questions[${questionIndex}][choices][1]" placeholder="Svar 2" required>

        <input type="radio" name="questions[${questionIndex}][correct]" value="1" required>

      </div>

      <div class="create_choice_holder">

        <input class="create_choice" type="text" name="questions[${questionIndex}][choices][2]" placeholder="Svar 3" required>

        <input type="radio" name="questions[${questionIndex}][correct]" value="2" required>

      </div>

      <div class="create_choice_holder">

        <input class="create_choice" type="text" name="questions[${questionIndex}][choices][3]" placeholder="Svar 4" required>

        <input type="radio" name="questions[${questionIndex}][correct]" value="3" required>

      </div>

    </div>`);



  questionIndex++;

});