JSFiddle - React, Tailwind, and code Playground

by Den

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div class="nowSelected">Do your choice</div>
	
	<br/>
  
  <select name="" id="lala">
		<option selected disable hidden></option>
    <option value="Option 1">Option 1</option>
    <option value="Option 2">Option 2</option>
  </select>
</body>
</html>

CSS

.block1, .block2 {
  display: none;
}

JavaScript

const getSelected = () => {
	const selectElement = document.querySelector('#lala');

	selectElement.addEventListener('change', (event) => {
		const result = document.querySelector('.nowSelected');
		result.textContent = `You choose: ${event.target.value}`;
	});
}

getSelected()