onchange-metodi

Kun ensimmäinen valinta on tehty, funktio näyttää tuloksen.

Näytä koodaus
 CSS-ohje:
  
  .vari3{
     color:GREEN;
  }  
 
 HTML- ja Javascript-koodaus: 
 
 <div class="vari3">
 <select id="omaPalkka" onchange="palkkaValinta()">
   <option  value="0"> Valitse palkka </option>
   <option value="700"> 700 euroa </option>
   <option value="1000">1000 euroa </option>
   <option value="1300">1300 euroa </option>
   <option value="1700">1700 euroa </option>
 </select>
 <select id="omaVero" onchange="palkkaValinta()">
   <option value="0">  Valitse vero </option>  
   <option value="12">  12 % </option>
   <option value="15"> 15 % </option>
   <option value="17"> 17 % </option>
   <option value="20"> 20 % </option>
 </select>

 <p id="tulokset"></p>
 </div>

 <script>
  function palkkaValinta() {
    var palkka = document.getElementById("omaPalkka").value;
    var vero = document.getElementById("omaVero").value;
    var netto = palkka - (palkka * (vero/100));
    document.getElementById("tulokset").innerHTML = 
     "Palkka " + palkka + " euroa<br>" +
     "Vero " + vero + " %<br>" +
     "Palkka verojen jälkeen " + netto + " euroa";
  }
 </script>