JavaScript-Rechner-Programm

-3

Also ich versuche, einen Taschenrechner für meinen Job zu machen. Grundsätzlich sollten die Ersparnisse von jemandem berechnet werden, wenn sie mit unserer Firma kommen. Ich habe 3 Arbeitsabschnitte, aber wenn ich versuche, einen anderen hinzuzufügen, funktioniert es nicht. Ich poste einen Arbeitsabschnitt und dann den Abschnitt, der nicht funktioniert.JavaScript-Rechner-Programm

ARBEITEN:

<div id="VISABOX"> 
<h4 id="VISA">Visa</h4> 
<input id="vVol" placeholder="Visa Volume..." type="text"><br> 
<input id="vFees" placeholder="Visa Fees..." type="text"><br> 

<button id="vCalc"> Calculate </button> 
<p id="vEMDR" class="words">EMDR=<span id="vEMDRSPAN"></span></p> 
<p id="vMonthly" class="words">Monthly Savings=<span id="vMonthlySpan"></span></p> 
<p id="vYearly" class="words">Yearly Savings=<span id="vYearlySpan"> </span></p> 
<p id="vFive" class="words">Five Year Savings=<span id="vFiveSpan"> </span></p> 
</div> 

document.getElementById("vCalc").onclick=function(){ 

     var visaVol=document.getElementById("vVol").value; 
     var visaFees=document.getElementById("vFees").value; 
     var visaEMDR; 
     visaEMDR=visaFees/visaVol*100; 

     var visaMonthly=visaFees-(visaVol*.0171); 
     var visaYearly=visaMonthly*12; 
     var visaFive=visaYearly*5; 

     document.getElementById("vMonthlySpan").innerHTML=" "+visaMonthly+"$"; 
     document.getElementById("vYearlySpan").innerHTML=" "+visaYearly+"$"; 
     document.getElementById("vFiveSpan").innerHTML=" "+visaFive+"$"; 
     document.getElementById("vEMDRSPAN").innerHTML=" "+visaEMDR+"%"; 

    }

funktioniert nicht (auch stoppt andere Tasten von der Arbeit auch):

<div id="OCBOX"> 
<h4 id="OCTitle">Other Charges</h4> 
<input id="otherCharges" placeholder="Total Other Charges..." type="text"><br> 
<input id="ourCharges" placeholder="Our Charges..." type="text"><br> 

<button id="ocCalc"> Calculate </button> 
<p id="ocMonthly" class="words">Monthly Savings=<span id="ocMonthlySpan"></span></p> 
<p id="ocYearly" class="words">Yearly Savings=<span id="ocYearlySpan"></span></p> 
<p id="ocFive" class="words">Five Year Savings=<span id="ovFiveSpan"> </span></p> 
</div> 

document.getElementById("ocCalc").onclick=function(){ 

    var otherFees=document.getElementById("otherCharges").value; 
    var ourFees=document.getElementById("ourCharges").value; 

    var ocMonthlySav=otherFees-ourFees; 
    var ocYearlySav=ocMonthlySav*12; 
    var ocFiveSav=ocYearlySav*5; 

    document.getElementById("ocMonthlySpan").innerHTML=" "+ocMonthlySav+"$"; 
    document.getElementById("ocYearlySpan").innerHTML=" "+ocYearlySav+"$"; 
    document.getElementById("ocFiveSpan").innerHTML=" "+ocFiveSav+"$"; 

}

Ich habe keine Ahnung, was passiert ist ... jede mögliche Hilfe würde sehr geschätzt werden.

Bearbeiten: JavaScript ist in der richtigen Tags, ich habe sie gerade nicht in der Post.

Quelle

2016-04-07 Sarah McDonald

Jeder Fehler in 'console'? Habe es in 'script'-Tags verpackt? – Rayon

Denken Sie auch daran, '.value' ist immer eine Zeichenkette. –

Entschuldigung, ich habe es bearbeitet, um zu sagen, dass ich es im richtigen Skript-Tag habe. Erst wenn ich den zweiten Teil hinzufüge, hört das Ganze auf zu arbeiten. Ich habe 3 ähnliche Abschnitte, die Eingänge und Tasten haben, die alle funktionieren. nur dieser scheint es zu zerstören. –

Es ist ein Tippfehler in dieser Zeile:

<p id="ocFive" class="words">Five Year Savings=<span id="ovFiveSpan"> </span></p>         <!-- =====oc not ov======^-->

o c FiveSpan nicht o v FiveSpan

Außerdem ist es wichtig, Ihre JavaScript in einem <script> Tag wickeln.

Snippet

<!doctype html> 
 
<html> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>WorxNo</title> 
 
</head> 
 

 
<body> 
 
    <div id="OCBOX"> 
 
    <h4 id="OCTitle">Other Charges</h4> 
 
    <input id="otherCharges" placeholder="Total Other Charges..." type="text"> 
 
    <br> 
 
    <input id="ourCharges" placeholder="Our Charges..." type="text"> 
 
    <br> 
 

 
    <button id="ocCalc">Calculate</button> 
 
    <p id="ocMonthly" class="words">Monthly Savings=<span id="ocMonthlySpan"></span> 
 
    </p> 
 
    <p id="ocYearly" class="words">Yearly Savings=<span id="ocYearlySpan"></span> 
 
    </p> 
 
    <p id="ocFive" class="words">Five Year Savings=<span id="ocFiveSpan"> </span> 
 
    </p> 
 
    </div> 
 
    <script> 
 
    document.getElementById("ocCalc").onclick = function() { 
 

 
     var otherFees = document.getElementById("otherCharges").value; 
 
     var ourFees = document.getElementById("ourCharges").value; 
 

 
     var ocMonthlySav = otherFees - ourFees; 
 
     var ocYearlySav = ocMonthlySav * 12; 
 
     var ocFiveSav = ocYearlySav * 5; 
 

 
     document.getElementById("ocMonthlySpan").innerHTML = " " + ocMonthlySav + "$"; 
 
     document.getElementById("ocYearlySpan").innerHTML = " " + ocYearlySav + "$"; 
 
     document.getElementById("ocFiveSpan").innerHTML = " " + ocFiveSav + "$"; 
 

 
    } 
 
    </script> 
 
</body> 
 

 
</html>

Quelle

2016-04-07 19:39:27 zer00ne

Antwort

Verwandte Themen