JavaScript 输出 returns 未定义
JavaScript output returns undefined
我最近开始 JavaScript 并一直在研究一个简单的税收计算器,我遇到的唯一问题是输出 returns undefined
而不是预期值。比如我输入320000,所得税应该是14000,但是return没有定义。我尝试将 calculation
设置为 0
但它没有解决问题。是什么让我的函数不是 return 预期值?我查看了我的大学提供的示例程序,这些程序在条件语句中使用变量并且它们工作正常,但我的不是。
function calculateTax()
{
var taxableIncome, calculation;
taxableIncome = document.getElementById("t").value * 1;
if (taxableIncome > 250000) {
calculation = 0;
}
else if (taxableIncome > 250000 && taxableIncome < 40000) {
calculation = (taxableIncome - 250000) * 0.20;
}
else if (taxableIncome > 400000 && taxableIncome < 800000) {
calculation = ((taxableIncome - 400000) * 0.25) + 30000;
}
else if (taxableIncome > 800000 && taxableIncome < 2000000) {
calculation = ((taxableIncome - 800000) * 0.30) + 130000;
}
else if (taxableIncome > 2000000 && taxableIncome < 8000000) {
calculation = ((taxableIncome - 2000000) * 0.32);
}
else if (taxableIncome > 8000000) {
calculation = ((taxableIncome - 8000000) * 0.35) + 2410000;
}
document.getElementById("inputTax").innerHTML = "The taxable income is:" +taxableIncome;
document.getElementById("incomeTax").innerHTML = "The income tax is:" +calculation;
}
<h1>Income Tax Calculator</h1>
<p>
<label for = "t">Taxable Income</label>
<input type = "number" id="t" name="t">
<button onclick = "calculateTax()"> Calculate Tax </button>
</p>
<h2 id="inputTax"></h2>
<h2 id="incomeTax"></h2>
对于值 320000
,对于 taxableIncome > 250000
和 returns 0
,条件始终为 true。此外,值 40000
(用于第二个条件)和 400000
(用于第三个条件)之间存在不匹配。
您应该将以下前两个条件更改为:
if (taxableIncome < 250000) {
else if (taxableIncome > 250000 && taxableIncome < 400000) {
请注意:您不需要检查最终条件(taxableIncome > 8000000
),只有 else
可以。
演示:
function calculateTax()
{
var taxableIncome, calculation;
taxableIncome = document.getElementById("t").value * 1;
if (taxableIncome < 250000) {
calculation = 0;
}
else if (taxableIncome > 250000 && taxableIncome < 400000) {
calculation = (taxableIncome - 250000) * 0.20;
}
else if (taxableIncome > 400000 && taxableIncome < 800000) {
calculation = ((taxableIncome - 400000) * 0.25) + 30000;
}
else if (taxableIncome > 800000 && taxableIncome < 2000000) {
calculation = ((taxableIncome - 800000) * 0.30) + 130000;
}
else if (taxableIncome > 2000000 && taxableIncome < 8000000) {
calculation = ((taxableIncome - 2000000) * 0.32);
}
else{
calculation = ((taxableIncome - 8000000) * 0.35) + 2410000;
}
document.getElementById("inputTax").innerHTML = "The taxable income is:" +taxableIncome;
document.getElementById("incomeTax").innerHTML = "The income tax is:" +calculation;
}
<h1>Income Tax Calculator</h1>
<p>
<label for = "t">Taxable Income</label>
<input type = "number" id="t" name="t">
<button onclick = "calculateTax()"> Calculate Tax </button>
</p>
<h2 id="inputTax"></h2>
<h2 id="incomeTax"></h2>
我最近开始 JavaScript 并一直在研究一个简单的税收计算器,我遇到的唯一问题是输出 returns undefined
而不是预期值。比如我输入320000,所得税应该是14000,但是return没有定义。我尝试将 calculation
设置为 0
但它没有解决问题。是什么让我的函数不是 return 预期值?我查看了我的大学提供的示例程序,这些程序在条件语句中使用变量并且它们工作正常,但我的不是。
function calculateTax()
{
var taxableIncome, calculation;
taxableIncome = document.getElementById("t").value * 1;
if (taxableIncome > 250000) {
calculation = 0;
}
else if (taxableIncome > 250000 && taxableIncome < 40000) {
calculation = (taxableIncome - 250000) * 0.20;
}
else if (taxableIncome > 400000 && taxableIncome < 800000) {
calculation = ((taxableIncome - 400000) * 0.25) + 30000;
}
else if (taxableIncome > 800000 && taxableIncome < 2000000) {
calculation = ((taxableIncome - 800000) * 0.30) + 130000;
}
else if (taxableIncome > 2000000 && taxableIncome < 8000000) {
calculation = ((taxableIncome - 2000000) * 0.32);
}
else if (taxableIncome > 8000000) {
calculation = ((taxableIncome - 8000000) * 0.35) + 2410000;
}
document.getElementById("inputTax").innerHTML = "The taxable income is:" +taxableIncome;
document.getElementById("incomeTax").innerHTML = "The income tax is:" +calculation;
}
<h1>Income Tax Calculator</h1>
<p>
<label for = "t">Taxable Income</label>
<input type = "number" id="t" name="t">
<button onclick = "calculateTax()"> Calculate Tax </button>
</p>
<h2 id="inputTax"></h2>
<h2 id="incomeTax"></h2>
对于值 320000
,对于 taxableIncome > 250000
和 returns 0
,条件始终为 true。此外,值 40000
(用于第二个条件)和 400000
(用于第三个条件)之间存在不匹配。
您应该将以下前两个条件更改为:
if (taxableIncome < 250000) {
else if (taxableIncome > 250000 && taxableIncome < 400000) {
请注意:您不需要检查最终条件(taxableIncome > 8000000
),只有 else
可以。
演示:
function calculateTax()
{
var taxableIncome, calculation;
taxableIncome = document.getElementById("t").value * 1;
if (taxableIncome < 250000) {
calculation = 0;
}
else if (taxableIncome > 250000 && taxableIncome < 400000) {
calculation = (taxableIncome - 250000) * 0.20;
}
else if (taxableIncome > 400000 && taxableIncome < 800000) {
calculation = ((taxableIncome - 400000) * 0.25) + 30000;
}
else if (taxableIncome > 800000 && taxableIncome < 2000000) {
calculation = ((taxableIncome - 800000) * 0.30) + 130000;
}
else if (taxableIncome > 2000000 && taxableIncome < 8000000) {
calculation = ((taxableIncome - 2000000) * 0.32);
}
else{
calculation = ((taxableIncome - 8000000) * 0.35) + 2410000;
}
document.getElementById("inputTax").innerHTML = "The taxable income is:" +taxableIncome;
document.getElementById("incomeTax").innerHTML = "The income tax is:" +calculation;
}
<h1>Income Tax Calculator</h1>
<p>
<label for = "t">Taxable Income</label>
<input type = "number" id="t" name="t">
<button onclick = "calculateTax()"> Calculate Tax </button>
</p>
<h2 id="inputTax"></h2>
<h2 id="incomeTax"></h2>