1. ev
  2. Soru-cevap
  3. JavaScript hesap makinesi programı

JavaScript hesap makinesi programı

2016-04-07 33 views
-3

Bu yüzden işim için bir hesap makinesi yapmaya çalışıyorum. Temel olarak firmamızla birlikte gelirse birilerinin tasarruflarını hesaplamak gerekir. 3 tane çalışma bölümüm var ama başka bir tane eklemeye çalıştığımda işe yaramıyor. Bir çalışma bölümü ve sonra çalışmayan bölümü yayınlayacağım.JavaScript hesap makinesi programı

ÇALIŞMA: 

<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+"%"; 

    }

ÇALIŞMA DEĞİL

(aynı zamanda çok çalışarak diğer düğmeler durdurur): 

<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+"$"; 

}

Ne oluyor hiçbir fikrin ne ... herhangi bir yardım büyük mutluluk duyacağız.

Düzeltme: JavaScript doğru olduğunda etiketleri, ben sadece yazıya koydum.

kaynak

2016-04-07 Sarah McDonald

+4

'console' herhangi bir hata? 'Script' etiketine sardınız mı? – Rayon

+1

Ayrıca unutmayın. .value' her zaman bir dizedir. –

+0

Üzgünüm, onu doğru komut dosyası etiketine koymam için düzenledim. Sadece ikinci parçayı eklediğimde, her şey çalışmayı durdurur. Tüm çalışılan girdiler ve düğmeler içeren 3 benzer bölümüm var. Sadece bu bir çökmek gibi görünüyor. –

cevap

0

bu satırda bir yazım hatası var:

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

FiveSpan c o değil v o FiveSpan

Ayrıca, bir <script> etiketinde JavaScript'inizi sarmak için önemlidir.

Pasaj

<!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>

kaynak

2016-04-07 19:39:27 zer00ne

İlgili konular

 İlgili konular