everytime i put this------><!DOCTYPE html>
<html>
<head>
<title>Simple Quiz</title>
</head>
<body>
<h1>Simple Quiz</h1>
<div id="quiz">
<p id="question">What is the capital of France?</p>
<input type="radio" name="answer" value="paris"> Paris<br>
<input type="radio" name="answer" value="london"> London<br>
<input type="radio" name="answer" value="berlin"> Berlin<br>
<button onclick="checkAnswer()">Submit</button>
</div>
<p id="result"></p>
<script>
function checkAnswer() {
var answer = document.querySelector('input[name="answer"]:checked');
if(answer) {
if(answer.value === "paris") {
document.getElementById("result").innerText = "Correct!";
} else {
document.getElementById("result").innerText = "Incorrect. The correct answer is Paris.";
}
} else {
document.getElementById("result").innerText = "Please select an answer.";
}
}
</script>
</body>
</html>
the code says checkAnswer is not defined
It looks like the issue is that the function `checkAnswer()` is being called before it is defined in the script. To fix this issue, you can move the script tag containing the `checkAnswer()` function below the HTML elements in the body. Here is the corrected code:
```html
<!DOCTYPE html>
<html>
<head>
<title>Simple Quiz</title>
</head>
<body>
<h1>Simple Quiz</h1>
<div id="quiz">
<p id="question">What is the capital of France?</p>
<input type="radio" name="answer" value="paris"> Paris<br>
<input type="radio" name="answer" value="london"> London<br>
<input type="radio" name="answer" value="berlin"> Berlin<br>
<button onclick="checkAnswer()">Submit</button>
</div>
<p id="result"></p>
<script>
function checkAnswer() {
var answer = document.querySelector('input[name="answer"]:checked');
if(answer) {
if(answer.value === "paris") {
document.getElementById("result").innerText = "Correct!";
} else {
document.getElementById("result").innerText = "Incorrect. The correct answer is Paris.";
}
} else {
document.getElementById("result").innerText = "Please select an answer.";
}
}
</script>
</body>
</html>
```
By moving the script tag containing the `checkAnswer()` function to the bottom of the HTML body, the function will be defined before it is called, preventing the "checkAnswer is not defined" error.