change event select example

See also

HTML 

 1 <label>Choose an ice cream flavor:
 2   <select class="ice-cream" name="ice-cream">
 3     <option value="">Select One …</option>
 4     <option value="chocolate">Chocolate</option>
 5     <option value="sardine">Sardine</option>
 6     <option value="vanilla">Vanilla</option>
 7   </select>
 8 </label>
 9
10 <div class="result"></div>

JavaScript 

1 const selectElement = document.querySelector('.ice-cream');
2
3 selectElement.addEventListener('change', (event) => {
4   const result = document.querySelector('.result');
5   result.textContent = `You like ${event.target.value}`;
6 });