Question

我对JavaScript非常陌生，甚至对这个论坛也不陌生，所以请原谅我缺乏经验。

我正在尝试制作一个未来价值计算器，该计算器可以吸收您的初始投资，利率和投资年限，并返回未来价值。输入值时，没有得到预期的结果。我希望有人可以看看我的代码并指出我的逻辑错误。我仍在思考代码的思考。

"use srtict";

var $ = function(id) {
    return document.getElementById(id);
};

var calculateFV = function(investment, rate, years) {
	var futureValue = investment;
	for (var i = 1; i <= years; i++) {
		futureValue = futureValue + (futureValue * rate / 100);
		futureValue = futureValue.toFixed(2);
		return futureValue;
				}
	futureValue = parseFloat(futureValue);	
};


var processEntries = function() {
	var investment = parseFloat($("investment").value);
	var rate = parseFloat($("rate").value);
	var years = parseFloat($("years").value);
	$("future_value").value = calculateFV(investment, rate, years);  	
};

window.onload = function (){
	$("calculate").onclick = processEntries;
	$("investment").focus();
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Future Value Calculator</title>
    <link rel="stylesheet" href="future_value.css">
    <script src="future_value.js"></script>
</head>

<body>
    <main>
        <h1>Future Value Calculator</h1>
        
        <label for="investment">Total Investment:</label>
        <input type="text" id="investment"><br>
        
        <label for="rate">Annual Interest Rate:</label>
        <input type="text" id="rate">%<br>
        
        <label for="years">Number of Years:</label>
        <input type="text" id="years"><br>
        
        <label for="future_value">Future Value:</label>
        <input type="text" id="future_value" disabled><br>
        
        <label>&nbsp;</label>
        <input type="button" id="calculate" value="Calculate"><br>      
    </main>
</body>
</html>

JavaScript未来价值计算器

0 个答案: