Fix this code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>Simple Quiz</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<h2>How do you say "Straight Ahead" in Spanish</h2>
<button id="option1" data-answer="Justo ale Frentas">
Justo ale Frentas
</button>
<button id="option2" data-answer="Todo Recto">Todo Recto</button>
<button id="option3" data-answer="Justo ala Frente">
Justo ala Frente
</button>
<button id="option4" data-answer="Justo al Frenta">Justo al Frenta</button>
<p id="result" style="display: none"></p>
<script>
const correctAnswer = "Todo Recto";
const buttons = document.querySelectorAll("button");
const resultMessage = document.getElementById("result");
buttons.forEach((button) => {
button.addEventListener("click", () => {
if (button.dataset.answer === correctAnswer) {
resultMessage.textContent = "Correct!";
} else {
resultMessage.textContent = "Incorrect!";
}
resultMessage.style.display = "block";
});
});
</script>
</body>
</html>
```