Witam serdecznie,
napotkałem się z pewnym problemem, otóż zacząłem praktykować książkę "JavaScript i jQuery" Daivd'a Sawyer'a McFarland. Z jQuery jeszcze nie miało na moim aktualnym rozdziale miejsca, aczkolwiek w pewnym rozdziale zadano napisanie quizu. Nie mogę rozwiązać pewnego kłopotu.
Otóż to jest plik index.html:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<title>Document</title>
</head>
<body onload="ask()">
<header>
QUIZ
</header>
<main>
<div id="questions">
PYTANIE
</div>
<div class="answers">
<button class="btnSubmit" id="ansA" onclick="nextQuestion(); validation()">ODPOWIEDŹ</button>
</div>
</div>
<div class="answers">
<button class="btnSubmit" id="ansB" onclick="nextQuestion(); validation()">ODPOWIEDŹ</button>
</div>
</main>
<script>
document.getElementById('ansA').innerHTML = 'xD';
</script>
</body>
</html>
A to script.js:
var end = false;
const questions = [
'Co oznacza typ INT?',
'Jak deklarujemy HTML5?',
'Który typ oznacza łancuchy znaków?'
]
var answersA = [
'Liczby całkowite',
'<html5>...</html5>',
'string'
]
var answersB = [
'Liczby zmiennoprzecinkowe',
'<!DOCTYPE html>',
'char'
]
var variableNextQuestion = false;
function nextQuestion(){
variableNextQuestion = true;
}
function ask(){
while(end!=true){
for(var i=0; i<3; i++){
document.getElementById('questions').innerHTML = questions[i];
document.getElementById('ansA').innerHTML = answersA[i];
document.getElementById('ansB').innerHTML = answersB[i];
while(!nextQuestion()){
variableNextQuestion = false;
}
}
}
}
function validation();
Miałby ktoś może pomysł, dlaczego funkcja ask() nie działa? InnerHTML nie podmienia słowa "ODPOWIEDŹ" na to co powinno...