如何创建一个javascript表，并从作为表数据的输入中获取计算结果_Javascript_Html

如何创建一个javascript表，并从作为表数据的输入中获取计算结果

javascript html

如何创建一个javascript表，并从作为表数据的输入中获取计算结果,javascript,html,Javascript,Html,我正在使用Javascript创建一个表。我有2个输入；本金和年利率。我如何创建一个循环，将一个输出放入一个10年的表中，使用原则+复合利率。我不允许使用jquery **我试图将结果显示为基于本金和利息（复利）的增加金额表；第1年第2年第3年第4年第5年1100 1210 1331 1464 1610（表格中的10年，第一行是第1年到第10年，第二行是金额，抱歉，我不知道如何在此处添加图片）以下是我到目前为止为表单输入所做的工作 <!DOCTYPE html> <html&

我正在使用Javascript创建一个表。我有2个输入；本金和年利率。我如何创建一个循环，将一个输出放入一个10年的表中，使用原则+复合利率。我不允许使用jquery

**我试图将结果显示为基于本金和利息（复利）的增加金额表；第1年第2年第3年第4年第5年1100 1210 1331 1464 1610（表格中的10年，第一行是第1年到第10年，第二行是金额，抱歉，我不知道如何在此处添加图片）

以下是我到目前为止为表单输入所做的工作

<!DOCTYPE html>
<html>

  <head>
    <title>Savings Account Calculator</title>   

  </head>

  <body>
    <h1>Savings Account Calculator</h1>

  <p>

    <form name="savingdata">
    <table>

    <tr>
    <td>Principle Amount:</td> 
    <td><input type="text" id="principle" value="1000" /></td>
    </tr>

    <tr>
    <td>Annual Interest (%):</td> 
    <td><input type="text" id="interest" value="10" /></td>
    </tr>

    </table>
    <br>
    <input type="button" onClick="calculateBy()" Value="Calculate" />
    </form>
    <br>
  </p>
</body>
</html>


储蓄账户计算器
储蓄账户计算器

本金金额：
年息（%）：

我并不真正了解您想要做什么，但是使用此javascript，您将在

calculateBy

函数中获得您感兴趣的两个值。那就由你来做正确的计算吧

function calculateBy() {
  var interest = document.getElementById("interest").value;
  var principle = document.getElementById("principle").value;

  alert("Interest: "+interest+", principle: "+principle);
 /* calculation here */
}

jsFiddle here:

我没有真正了解您想要做什么，但是使用此javascript，您将获得您在

calculateBy

函数中感兴趣的两个值。那就由你来做正确的计算吧

function calculateBy() {
  var interest = document.getElementById("interest").value;
  var principle = document.getElementById("principle").value;

  alert("Interest: "+interest+", principle: "+principle);
 /* calculation here */
}

jsFiddle here:

您可以设置一个空div，并使用表或其他HTML元素填充结果

JSFiddle-

函数calculateBy（）{
var principle=document.getElementById（'principle'）。值；
var利息=document.getElementById（'interest'）。值；
利息=1+（利息/100）；//转换为十二月
var tableHTML=“”；
警报（利息）；
var总=原则；
对于（i=1；i<10；i++）{
var res=原理*（数学功率（利息，i））；
res=res.toFixed（2）；
利息=+res-+原则；
interestgained=interestgained.toFixed（2）；
tableHTML=tableHTML+“年”+i+“|原则：“+Principle+”美元|总计：“+res+”美元|利息：“+interestgained+”美元
”；
}
tableHTML=tableHTML+“”；
警报（表格HTML）；
document.getElementById（“someDIV”）.innerHTML=tableHTML；
}

公式不正确，我不知道你想计算什么。这一个只显示了您每年会获得多少兴趣。

您可以设置一个空div，并使用表或其他HTML元素填充结果

JSFiddle-

函数calculateBy（）{
var principle=document.getElementById（'principle'）。值；
var利息=document.getElementById（'interest'）。值；
利息=1+（利息/100）；//转换为十二月
var tableHTML=“”；
警报（利息）；
var总=原则；
对于（i=1；i<10；i++）{
var res=原理*（数学功率（利息，i））；
res=res.toFixed（2）；
利息=+res-+原则；
interestgained=interestgained.toFixed（2）；
tableHTML=tableHTML+“年”+i+“|原则：“+Principle+”美元|总计：“+res+”美元|利息：“+interestgained+”美元
”；
}
tableHTML=tableHTML+“”；
警报（表格HTML）；
document.getElementById（“someDIV”）.innerHTML=tableHTML；
}

公式不正确，我不知道你想计算什么。这张照片只显示了你每年会获得多少兴趣。

非常感谢。我试图将结果显示为基于本金和利息（复利）的增加金额表；第1年第2年第3年第4年第5年1100 1210 1331 1464 1610（表格中的10年，第一行是第1年到第10年，第二行是金额，对不起，我不知道如何在这里添加图片）非常感谢。我试图将结果显示为基于本金和利息（复利）的增加金额表；第1年第2年第3年第4年第5年1100 1210 1331 1464 1610（表格中的10年，第一行是第1年到第10年，第二行是金额，抱歉，我不知道如何在此处添加图片）