javascript简单循环计算

Question

function calc() {
  var aa = document.getElementById("aa").value;
  var bb = document.getElementById("bb").value;
  var cc = document.getElementById("cc").value;
  var time = 1;
  var dd = document.getElementById("dd").value / 365;

  first = 1 + ((bb / 100) / cc);
  second = cc * time;
  result = aa * Math.pow(first, second);

  bb_earn = aa * Math.pow(first, second) - aa;
  final = Number(aa) + Number(bb_earn);

  var r = "";
  var lastTotal = aa;
  for (var i = 0; i < dd; i++) {

    var newTotal = Number(lastTotal) + Number(bb_earn);
    zz = +newTotal;
    lastTotal = newTotal;

    r += i + 1 + ") " + aa + "---" + zz + "---" + final + "<br/>";
    r += "";
  }

  document.getElementById("table").innerHTML += r;
}

<div> A - <input type="text" id="aa" value="12000" /></div>
<div> B - <input type="text" id="bb" value="20" /></div>
<div> C - <input type="text" id="cc" value="1" /></div>
<div> D - <input type="text" id="dd" value="1825" /></div>
<div> <input type="button" value="Get" onclick="calc();" /></div>
<br/><br/>
<div id="table"></div>

我正在尝试循环默认值、默认值的 20% 以及默认值的总和加上默认值的 20%。在下一行中，默认值应该是上一个最终列的总和值。我尝试了上面的javascript计算来达到预期的结果。但是，我搞砸了..

输出结果为:

1) 12000---14400---14400
2) 12000---16800---14400
3) 12000---19200---14400
4) 12000---21600---14400
5) 12000---24000---14400

但是，输出应该是:

1) 12000---2400---14400
2) 14400---2880---17280
3) 17280---3456---20736
4) 20736---4147.20---24883.20
5) 24883.20---4976.60---29859.80

Answer 1

根据您编写的内容，很难弄清楚您想要通过代码实现什么目标。如果您只想将之前的总数每次加上 20%，则可以写得更简单。您没有解释 time 变量的作用以及 #cc 元素的作用。

无论如何，这应该输出您期望的结果。

function calc() {
  var aa = document.getElementById("aa").value;
  var bb = document.getElementById("bb").value;
  var cc = document.getElementById("cc").value;
  var dd = document.getElementById("dd").value / 365;

  var r = "";
  var lastTotal = Number(aa);
  
  for (var i = 0; i < dd; i++) {
  
    var ratio = ((bb / 100) / cc);
    var addition = lastTotal * ratio;
    var newTotal = lastTotal + addition;

    r += i + 1 + ") " + lastTotal + "---" + addition + "---" + newTotal + "<br/>";
    r += "";
    
    lastTotal = newTotal;
  }

  document.getElementById("table").innerHTML += r;
}

<div> A - <input type="text" id="aa" value="12000" /></div>
<div> B - <input type="text" id="bb" value="20" /></div>
<div> C - <input type="text" id="cc" value="1" /></div>
<div> D - <input type="text" id="dd" value="1825" /></div>
<div> <input type="button" value="Get" onclick="calc();" /></div>
<br/><br/>
<div id="table"></div>