How can I use script code to show different divs when a button is clicked?
This is my current progress:
'''
<head>
<style>
#div-1, #div-2, #div-3{
display: none;
width: 100%;
padding: 50px 0;
text-align: center;
background-color: lightblue;
margin-top: 20px;
}
</style>
</head>
<body>
<form>
<input type="text" id="number" value="0"/>
</form>
<p>What is the color of the ocean?</p>
<div id="div-1">
<p>What is the color of the sky?</p>
</div>
<div id="div-2">
<p>What is the color of the sand?</p>
</div>
<div id="div-3">
<p>What is the color of the bus?</p>
</div>
<button onclick="nextQuestion()">Next Question</button>
<script>
function nextQuestion()
{
}
</script>
'''