Javascript Grob & nettolohnrechner

Also ich mache eine Elementare Bruttolohn-und nettolohnrechner in javascript/HTML. Die Webseite Rechner führt den Nutzer eingegebenen Stunden und rate, und spuckt Bruttolohn-und Brutto-zahlen, mit Steuer. Für einige Grund, es zeigt auch nicht die richtige Formel. Irgendwo machte ich einen schweren Fehler. Wenn jemand lenken mich in die richtige Richtung, das wäre auch genial.

Hier ist der code: 

<!DOCTYPE html>
<html>
<title>Gross + Net Pay</title>
<h1>Gross + Net Pay Calculator</h1>
<p id="demo"></p>
<p id="demo2"></p>
<script>
function myFunction() {
var rate = document.getElementById("payrate");
var hours =document.getElementById("hours");
var gross = hours * rate
var net = gross * .9 

 if (gross != null) {
    document.getElementById("demo").innerHTML = gross;
}
 if (net != null) {
    document.getElementById("demo2").innerHTML =net;
        }

  }
</script>
<body>
<form>
Pay Rate: <input type="text" id="payrate"><br>
Hours Worked: <input type="text" id="hours"><br>
<input type="submit" value="Calculate Gross + Net Pay" onclick="myFunction()">
</form>
</body>
</html>
  • Stellen Sie Ihre "demo" und "demo2" - Elemente vor der <body> tag. Warum?
  • Weil ich bin ein noob. Soll ich den body-tag nach h1?
  • Die <body> ist, wo der Inhalt der Seite geht. Alles, was Sie sehen wollen, auf dem Bildschirm sollte innerhalb der <body>.
  • Die <script> normalerweise in der <head> Teil (die Sie nicht haben). Ich bin kein super-Experte, ich weiß also nicht, ob es OK ist, um es in den Körper, aber ich habe immer ihn in den Kopf.
  • Typische Organisation: <html> <head> ... </head> <body> ... </body>. Die <title> und <script> gehen in den Kopf. Der Inhalt der Seite, einschließlich der <h1> und <p>, gehen in den Körper.
  • Die wichtigsten lehren aus der Antwort: (1) Sie müssen .value zum abrufen des Wertes aus der getElementById Ergebnis. (2) Wenn Sie eine <form>, wird der JavaScript-display die Werte an, sondern auf den "submit" - Aktion wird dann die Seite neu laden, so dass die berechneten Werte verschwinden. (3) JavaScript ist nicht Java, also nicht fügen Sie ein Java-tag, wenn Sie Fragen über JavaScript.

InformationsquelleAutor Andrew | 2014-09-30
  1. 1

    Hier ist der korrigierte code. Sie hatte ein paar Tippfehler, fehlende Doppelpunkte und Sie sind auch dieses posting via Formular. Sie brauchen das nicht, es sei denn, Sie sind mit diesen Informationen in einer anderen Seite.

    <!DOCTYPE html>
<html>
<title>Gross + Net Pay</title>
<h1>Gross + Net Pay Calculator</h1>
<p id="demo"></p>
<p id="demo2"></p>
<script>
function myFunction() {
var rate = document.getElementById("payrate").value;
var hours =document.getElementById("hours").value;
var gross = hours * rate;
var net = gross * .9 ;

 if (gross != null) {
    document.getElementById("demo").innerHTML = gross;
}
 if (net != null) {
    document.getElementById("demo2").innerHTML =net;
        }

  }
</script>
<body>

Pay Rate: <input type="text" id="payrate"><br>
Hours Worked: <input type="text" id="hours"><br>
<input type="submit" value="Calculate Gross + Net Pay" onclick="myFunction()">
</body>
</html>
    • Das ist nicht korrekt ... hat noch einige HTML-Elemente außerhalb des body-Tags.
    • Anscheinend Chrome zu vergeben ist über, die. Es ist auch nachsichtig über fehlende Semikolons (eigentlich JavaScript ist OK mit, dass). Aber ja, es wäre besser, es richtig zu machen.
    • Korrigiert habe ich es, es funktioniert jetzt. DANKE AN ALLE.
    InformationsquelleAutor Sesha Kiran
Schreibe einen Kommentar