When I did this code it said "module not found error Could not find module in path: './style.css' relative to '/src/index.html'" FIX IT
<!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>
To fix the "module not found error" related to the style.css file, you need to make sure that the file path specified in the link tag is correct and that the file is in the correct location.
Assuming that your style.css file is located in the same directory as your index.html file, you can update the link tag as follows:
```html
<link rel="stylesheet" type="text/css" href="./style.css" />
```
By adding a dot before the forward slash, you indicate that the file is in the current directory.
If your style.css file is in a different directory, you would need to adjust the file path accordingly. For example, if the style.css file is located in a "css" directory within the same directory as index.html, you would update the link tag like this:
```html
<link rel="stylesheet" type="text/css" href="./css/style.css" />
```
Make sure to adjust the file path based on the actual location of your style.css file relative to your index.html file. Once you update the file path, the "module not found error" should be resolved.