Exercice changement en fonction d'un select

Afficher le résultat du prix TTC en fonction de la valeur choisie dans le select.

Résultat

HTML

<form name="monformulaire" action="" method="post">

<label for="idHT">HT</label>

<select id="idPrix" onChange="Calcul()">

<option value="10">10</option>

<option value="20">20</option>

<option value="30">30</option>

<option value="40">40</option>

</select> 

<br><br>

<label for="idTTC">TTC</label>

<input type="text" name="TTC" id="idTTC" readonly>

<br><br>

<input type="submit" name="valider" value="Envoyer"> 

</form>

Javascript


          <script>

          function Calcul() {

          // Récupérer la valeur du prix HT

          PrixHT = document.getElementById('idHT').value;

  

          // On clacul le prix TTC, on  stocke le résultat dans la variable TTC

          var PrixTTC = PrixHT*1.2;
          // On affecte la valeur de la variable TTC à la valeur du champ idTTC

          document.getElementById('idTTC').value= PrixTTC;

          }

          </script>