Question

我有一个作业要我计算复利。我完成了大部分作业，但我应该显示“存款金额”，其中包括2个小数，代表美分。但是我尝试了诸如parseFloat()或toFixed之类的几种方法，但是我仍然无法以2精度获得结果，而我只能采用00.00。我需要这样的解决方案：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="Cersoy-CNIT133-Assignments-4-part2" content="Cersoy-CNIT133-Assignments-4part2">
<meta name='viewport' content='width=device-width, initial-scale=1'>

<link href="../Assignment_all.css" type="text/css" rel="stylesheet">



<title>Cersoy-CNIT133-Assignments_4-Part2</title>
<style>
    #main{
        background-color: burlywood;
        margin:  auto;
        height: 30%;
        width: 50%;
        padding: 1em;
        text-align: center;
        border-radius: 10px;
    }
    #table{
        border: solid 1px black;
    }
    th{
        border: solid 1px black;
    }
    td{
        border: solid 1px black;
    }  
    }
</style>

</head>
<body>
    
    <header>
        Cersoy-CNIT133-Assignments 4-Part2
    </header>
    <div id="main">
       <table id="table1" >
        <tr>
            <th>Year</th>
            <th>Amount of deposit</th>
            <th>Intrest Rate</th>
            
        </tr>
        <table id="table2" >
        <tr>
            <th>Year</th>
            <th>Amount of deposit</th>
            <th>Intrest Rate</th>
        </tr>
        <table id="table3" >
        <tr>
            <th>Year</th>
            <th>Amount of deposit</th>
            <th>Intrest Rate</th>
        </tr>
</table>
<script>
        
        
        
    var rate1=5;rate2=6;rate3=7;
   
     function addRow(a,b,c,t) {
    var table=0;
    if(t==1){table = document.getElementById("table1");}
  
    if(t==2){
    table = document.getElementById("table2");
    }
    else if(t==3){
    table = document.getElementById("table3");
    }
    
    var row = table.insertRow(-1);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    var cell3 = row.insertCell(2);
    cell1.innerHTML = a;
    cell2.innerHTML = b;
    cell3.innerHTML = c;
    
     }
    function calc(rate,tab){
       var P=1000,A=0,n=0;
        
       
       r=rate.toFixed(2)
       r=r/100;
      
       
       
       for(n=0;n<=10;n++){
       
        A=(P*(1+r)^n);
        
        var fn,o;

        o = {style: "currency", currency: "USD"};
        fn = A.toLocaleString("en", o); 
        addRow(n,fn,r,tab);
        P=A;
       }
      
       
   

    }
    document.addEventListener("DOMContentLoaded",calc(rate1,"1") +calc(rate2,"2")+calc(rate3,"3"));
    



</script>
        
    </div>
    

    <form action="hm4.html">
        <button class="back_button" >Return to Assignment-4 page</button>
    </form>
        
    
   <footer>
       This Webpage designed by Cagatay Ersoy 
   </footer>
    
</body>

</html>

Answer 1

将用于.toLocalString()的选项对象更改为：

 A.toLocaleString(undefined, {
  minimumFractionDigits: 2,
  maximumFractionDigits: 2
})

您的HTML中有几个错误，您也应该考虑解决。

Answer 2

我只添加了Math.pow，它就可以了，那里是个错误。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="Cersoy-CNIT133-Assignments-4-part2" content="Cersoy-CNIT133-Assignments-4part2">
<meta name='viewport' content='width=device-width, initial-scale=1'>

<link href="../Assignment_all.css" type="text/css" rel="stylesheet">



<title>Cersoy-CNIT133-Assignments_4-Part2</title>
<style>
    #main{
        background-color: rgb(222, 209, 135);
        margin:  auto;
        height: 30%;
        width: 50%;
        padding: 1em;
        text-align: center;
        border-radius: 10px;
    }
    table{
        margin:  auto;
        width: 50%;
    }
   
    th{
        border: solid 1px black;
        background-color: maroon;
        color: white;
    }
    td{
        border: solid 1px black;
        background-color: rgb(201, 255, 4);
        color: blue;
    }  
    
</style>

</head>
<body>
    
    <header>
        Cersoy-CNIT133-Assignments 4-Part2
    </header>
    <div id="main">
       <table id="table1" >
        <tr>
            <th>Year</th>
            <th>Amount of deposit</th>
            <th>Intrest Rate</th>
            
        </tr>
        </table>
        <table id="table2" >
        <tr>
            <th>Year</th>
            <th>Amount of deposit</th>
            <th>Intrest Rate</th>
        </tr>
        </table>
        <table id="table3" >
        <tr>
            <th>Year</th>
            <th>Amount of deposit</th>
            <th>Intrest Rate</th>
        </tr>
        </table>

<script>
        
        
        
    var rate1=5;rate2=6;rate3=7;
   
     function addRow(a,b,c,t) {
    var table=0;
    if(t==1){table = document.getElementById("table1");}
  
    if(t==2){
    table = document.getElementById("table2");
    }
    else if(t==3){
    table = document.getElementById("table3");
    }
    
    var row = table.insertRow(-1);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    var cell3 = row.insertCell(2);
    cell1.innerHTML = a;
    cell2.innerHTML = b;
    cell3.innerHTML = c;
    
     }
    function calc(rate,tab){
       var P=1000,A=0,n=0;
        
       
       r=rate.toFixed(2)
       r=r/100;
      
       
       
       for(n=1;n<=10;n++){
        
        A=(P*(Math.pow((1+r),n)));
        
        var fn,o;

        o = {style: "currency", currency: "USD",minimumFractionDigits: 2,maximumFractionDigits: 2};
        fn = A.toLocaleString("en", o); 
        addRow(n,fn,r,tab);
        P=A;
       }
      
       
   

    }
    document.addEventListener("DOMContentLoaded",calc(rate1,"1") +calc(rate2,"2")+calc(rate3,"3"));
    



</script>
        
    </div>
    

    <form action="hm4.html">
        <button class="back_button" >Return to Assignment-4 page</button>
    </form>
        
    
   <footer>
       This Webpage designed by Cagatay Ersoy 
   </footer>
    
</body>

</html>

计算浮点数和精度

2 个答案: