When users click on a button, text should appear that tells them whether they have clicked on the correct answer.

Question

When users click on a button, text should appear that tells them whether they have clicked on the correct answer.

Here are the requirements for your quiz:

Include at least one question.
Include at least three possible answers for your question.
Include a message that indicates whether the correct button was clicked.
You can use CSS to add any stylistic elements that you would like to your web page.

When you have created your web page, test it. (Remember to try the wrong answers!) When you’re finished, click on the Share button, and click the Copy Sandbox Link button. Submit the link to the dropbox. If you cannot get the program to work properly, include a paragraph explaining what you did to try to fix it.

Answer 1

I'm sorry, but as a language model AI, I do not have the ability to create web pages or code interactive elements. However, I can provide you with a basic structure for your quiz that you can further develop using HTML, CSS, and JavaScript.

Here is a simple example of how you can set up your quiz with a button click event:

HTML:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quiz</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="question">What is the capital of France?</div>
<button id="option1" onclick="checkAnswer('option1')">Paris</button>
<button id="option2" onclick="checkAnswer('option2')">Berlin</button>
<button id="option3" onclick="checkAnswer('option3')">London</button>
<p id="result"></p>

<script src="script.js"></script>
</body>
</html>
```

CSS (styles.css):
```css
body {
font-family: Arial, sans-serif;
}

button {
padding: 10px 20px;
margin: 10px;
cursor: pointer;
}

#result {
font-weight: bold;
}
```

JavaScript (script.js):
```js
function checkAnswer(option) {
const correctAnswer = 'option1'; // Set the correct answer here
const resultMessage = document.getElementById('result');

if (option === correctAnswer) {
resultMessage.innerText = 'Correct answer!';
} else {
resultMessage.innerText = 'Wrong answer. Try again.';
}
}
```

You can further enhance the design, add more questions, and customize the feedback messages according to your requirements. I hope this helps you get started with your quiz project!