Kun ensimmäinen valinta on tehty, funktio näyttää tuloksen.
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>