Fix this code
```html
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: rgb(0, 149, 255);
}
</style>
</head>
<body>
<h1>What Kind of Quiz do you want (Select Your Answer)</h1>
<ul id="options">
<button id="option1">Spanish</button>
<button id="option2">Out of Order</button>
<button id="option3">Out of Order</button>
</ul>
<p id="question"></p>
<script>
const questions = [
{
question: "What is the capital of France?",
options: ["Paris", "London", "Berlin"],
answer: "Paris",
},
{
question: "Who wrote Romeo and Juliet?",
options: ["William Shakespeare", "Jane Austen", "Charles Dickens"],
answer: "William Shakespeare",
},
{
question: "What is the tallest mountain in the world?",
options: ["Mount Everest", "K2", "Kangchenjunga"],
answer: "Mount Everest",
},
];
const randomQuestion =
questions[Math.floor(Math.random() * questions.length)];
document.getElementById("question").textContent = randomQuestion.question;
randomQuestion.options.forEach((option, index) => {
const button = document.getElementById(`option${index + 1}`);
button.textContent = option;
button.addEventListener("click", () => {
if (option === randomQuestion.answer) {
alert("Correct answer!");
} else {
alert("Wrong answer. Try again!");
}
});
});
</script>
</body>
</html>
```
```html
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: rgb(0, 149, 255);
}
</style>
</head>
<body>
<h1>What Kind of Quiz do you want (Select Your Answer)</h1>
<ul id="options">
<li><button id="option1"></button></li>
<li><button id="option2"></button></li>
<li><button id="option3"></button></li>
</ul>
<p id="question"></p>
<script>
const questions = [
{
question: "What is the capital of France?",
options: ["Paris", "London", "Berlin"],
answer: "Paris",
},
{
question: "Who wrote Romeo and Juliet?",
options: ["William Shakespeare", "Jane Austen", "Charles Dickens"],
answer: "William Shakespeare",
},
{
question: "What is the tallest mountain in the world?",
options: ["Mount Everest", "K2", "Kangchenjunga"],
answer: "Mount Everest",
},
];
const randomQuestion =
questions[Math.floor(Math.random() * questions.length)];
document.getElementById("question").textContent = randomQuestion.question;
randomQuestion.options.forEach((option, index) => {
const button = document.getElementById(`option${index + 1}`);
button.textContent = option;
button.addEventListener("click", () => {
if (option === randomQuestion.answer) {
alert("Correct answer!");
} else {
alert("Wrong answer. Try again!");
}
});
});
</script>
</body>
</html>
```