Javascript 计算器显示语法错误和引用错误 成本计算器 大学成本计算器 //你的代码在这里 document.getElementById（按钮）=函数计算器（）{ 让通货膨胀率=document.getElementById（通货膨胀率）； 设annualCost=document.getElementById（annualCost）； 让总成本； 让我们每年都节约； 让yearsUntilCollege=document.getElementById（yearsUntilCollege）； 总成本=年成本； 金额=（通货膨胀率*年成本）+年成本； 总成本+=金额； 金额=（（通货膨胀率*2）*年成本）+年成本； 总成本+=金额； 金额=（（通货膨胀率*3）*年成本）+年成本； 总成本+=金额； 年储蓄=总成本/5； 返还金额 年度回报储蓄 log（`对于4年大学学位，年成本：$${annualCost}，通货膨胀率：${inflationRate}`）； log（`您必须支付$${totalCost}.`）； log（`您需要每年为${yearsUntilCollege}年保存${annualSaving}） document.getElementById（result）.innerHTMl=`对于4年制大学学位，年成本：$${annualCost}，通货膨胀率：${inflationRate}` `您必须支付$${totalCost}` `您需要每年节省${annualSaving}美元，用于${yearsUntilCollege}年` }
这是一个代码，用于计算四（04）年的大学成本，包括通货膨胀和大学开学前要节省多少。 请帮助我找出此代码的问题。它不断给出语法错误28:15和引用错误。我似乎无法找出我做错了什么，我是否正确调用了函数？这里有很多问题： 1-元素ID是字符串。因此，Javascript 计算器显示语法错误和引用错误 成本计算器 大学成本计算器 //你的代码在这里 document.getElementById（按钮）=函数计算器（）{ 让通货膨胀率=document.getElementById（通货膨胀率）； 设annualCost=document.getElementById（annualCost）； 让总成本； 让我们每年都节约； 让yearsUntilCollege=document.getElementById（yearsUntilCollege）； 总成本=年成本； 金额=（通货膨胀率*年成本）+年成本； 总成本+=金额； 金额=（（通货膨胀率*2）*年成本）+年成本； 总成本+=金额； 金额=（（通货膨胀率*3）*年成本）+年成本； 总成本+=金额； 年储蓄=总成本/5； 返还金额 年度回报储蓄 log（`对于4年大学学位，年成本：$${annualCost}，通货膨胀率：${inflationRate}`）； log（`您必须支付$${totalCost}.`）； log（`您需要每年为${yearsUntilCollege}年保存${annualSaving}） document.getElementById（result）.innerHTMl=`对于4年制大学学位，年成本：$${annualCost}，通货膨胀率：${inflationRate}` `您必须支付$${totalCost}` `您需要每年节省${annualSaving}美元，用于${yearsUntilCollege}年` },javascript,Javascript,这是一个代码，用于计算四（04）年的大学成本，包括通货膨胀和大学开学前要节省多少。 请帮助我找出此代码的问题。它不断给出语法错误28:15和引用错误。我似乎无法找出我做错了什么，我是否正确调用了函数？这里有很多问题： 1-元素ID是字符串。因此，document.getElementById希望您向它传递一个字符串，并且字符串被引号（'or'）包围 2-要获取元素的值，应使用.value。例如： <!DOCTYPE html> <html> <head> &l
document.getElementById.value<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Cost Calculator</title>
</head>
<body>
<h1>
College Cost Calculator
</h1>
<form>
<input type= "numbers" id= "annualCost" placholder= "annual cost" />
<br>
<input type= "numbers" id= "inflationRate" placholder= "inflationRate" />
<br>
<input type= "numbers" id= "yearsUntilCollege" placholder= "yearsUntilCollege" />
<input id= "button" type="button" value = "Estimate" onclick= "calculator()"/>
<input id= "reset" type="reset" value = "Reset"/>
</form>
<p id= "result">
</p>
<script>
// your code here
document.getElementById(button) = function calculator () {
let inflationRate = document.getElementById(inflationRate);
let annualCost = document.getElementById(annualCost);
let totalCost;
let annualSaving;
let yearsUntilCollege = document.getElementById(yearsUntilCollege);
totalCost = annualCost;
let amount = (inflationRate * annualCost) + annualCost;
totalCost += amount;
amount = ((inflationRate * 2) * annualCost) + annualCost;
totalCost += amount;
amount = ((inflationRate * 3) * annualCost) + annualCost;
totalCost += amount;
annualSaving = totalCost / 5;
return amount
return annualSaving
console.log(`For a 4 years college degree with Annual cost: $${annualCost} and Inflation rate: ${inflationRate}`);
console.log(`You have to pay $${totalCost}.`);
console.log(`You need to save ${annualSaving} annually for ${yearsUntilCollege} years.`)
document.getElementById(result).innerHTMl = `For a 4 years college degree with Annual cost: $${annualCost} and Inflation rate: ${inflationRate}`
`You have to pay $${totalCost}.`
`You need to save ${annualSaving} annually for ${yearsUntilCollege} years.`
}
</script>
</body>
</html>
onclick//get the value of input with id "inflationRate"
var inflationRate = document.getElementById("inflationRate").value;
returnreturnnumbernumberfunction calculator() {
//do something...
}
//call the function calculator whenever the button is clicked
document.getElementById("button").onclick = calculator;
+document.getElementById(result).innerHTMl = `For a 4 years college degree with Annual cost: $${annualCost} and Inflation rate: ${inflationRate}`
`You have to pay $${totalCost}.`
`You need to save ${annualSaving} annually for ${yearsUntilCollege} years.`
最后，所有这些问题都是基本的Javascript内容，所以我 我真的建议你学习和理解 解决问题之前的Javascript（语法、函数、事件等） 像这个
JS代码中有很多非常基本的错误。例如，在返回语句之后不能发生很多事情，因为返回语句将结束函数。
document.getElementById(result).innerHTMl = `For a 4 years college degree with Annual cost: $${annualCost} and Inflation rate: ${inflationRate}`
+ `You have to pay $${totalCost}.`
+ `You need to save ${annualSaving} annually for ${yearsUntilCollege} years.`;