Försökte att lägga den under klick funktionen så att färgerna syns efter att man har klickat på knappen men får det inte och fungera, vad är det jag gör fel?
[kod][/kod]
$.ajax({
url: "http://webbred2.utb.hb.se/~fewe/api/api.php?data=quiz",
method: "GET",
dataType: "json"
}).done(function (data) {
var lista = "";
data.forEach(function (result, index) {
var correctAnswer = result.correct_answer;
var wrongAnswers = result.incorrect_answers;
var answers = Array.from(wrongAnswers);
answers.push(correctAnswer);
lista = lista + "<h4>" + result.question + "</h4>";
lista = lista + "<ul>";
answers.forEach(function (answer) {
var isitCorrectAnswer = 0;
var coloredAnswer;
lista = lista + '<li><input type="radio" name="answer-' + index + '" data-correctanswer="' + isitCorrectAnswer + '"> ' + coloredAnswer + '</li>'
})
lista = lista + "</ul>";
});
lista = lista + "<button>Show result</button>";
$("body").append(lista);
$("button").on("click", function () {
if (correctAnswer == answer) {
coloredAnswer = '<div style="color:green">' + answer + '</div>';
} else {
coloredAnswer = '<div style="color:red">' + answer + '</div>';
}
var countPoints = $('input:checked[data-correctanswer="1"]').length;
alert(countPoints + ' / ' + "10");
});
});