Js & jQuery exercice 1

Utiliser une condition switch avec un evenement change pour afficher un message différent selon le choix du <select>

by Arnaud

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<label for="select1">Voulez-vous vous recevoir notre newsletter ?</label>
<select id="select1">
<option value="" disabled selected>Sélectionnez une option</option>
<option value="oui">oui</option>
<option value="non">non</option>
<option value="maybe">maybe</option>
</select>

<p>
Vous avez sélectionné : <span id="msg"></span>
</p>

JavaScript

$("#select1").on('change', function(){


var valeur = $(this).find("option:selected").val();

switch (valeur) {
 
 case "oui":
 $('#msg').text('oui');
break;
     
     
 case "non":
$('#msg').text('non');
break;
   
  case "maybe":
$('#msg').text('maybe');
break;  
   
    }



})