sven

<html>

<script type="text/javascript">

function tarifBerechnen() {

    var kwhProJahr = parseFloat(document.getElementById('kwhProJahr').value);
    //          preis pro kwh---------v       v---- grundpreis tarif 1
    var preisTarif1 = (kwhProJahr * 0.14) + 40.0;
    //          preis pro kwh---------v       v---- grundpreis tarif 2
    var preisTarif2 = (kwhProJahr * 0.10) + 80.0;

    var ausgabe;

    if(preisTarif1 < preisTarif2) {
        ausgabe = 'Tarif 1 ist guenstiger<br><b>Kosten pro Jahr Tarif 1: ' + preisTarif1 + '</b><br>Kosten pro Jahr Tarif 2: ' + preisTarif2+'';
    }
    else if(preisTarif1 == preisTarif2) { //praktisch nur zur sicherheit drin beide tarife sind gleich teuer für die nutzung
        ausgabe = 'Beide gleich teuer: ' + preisTarif1;
    }
    else {
        ausgabe = 'Tarif 2 ist guenstiger<br>Kosten pro Jahr Tarif 1: ' + preisTarif1 + '<br><b>Kosten pro Jahr Tarif 2: ' + preisTarif2+ '</b>';
    }


    // in das span element einfügen, eigentlich egal welches element hauptsache irgendwo
    document.getElementById("ergebnis").innerHTML = ausgabe;
}

</script>

    <body>

    KWh pro Jahr <input type="text" id="kwhProJahr"><br>
    <input type="submit" value="Berechnen" onclick="tarifBerechnen()">
    <span id="ergebnis"></span>
    </body>
</html>