JavaScript 计算器只返回“NaN”
[英]JavaScript calculator just returns "NaN"
问题描述
I'm making a calculator for a game I play and whenever I run it, it just returns "NaN" for two values, only one of the values actually returns as it should.
我正在为我玩的游戏制作计算器，每当我运行它时，它只返回两个值的“NaN”，只有一个值实际返回它应该返回的值。 The two values that return NaN are the ones that run through switch statements and I found that the values you get from the switch statements are undefined so I think that's where it goes wrong.返回 NaN 的两个值是通过 switch 语句运行的值，我发现从 switch 语句中获得的值是未定义的，所以我认为这就是问题所在。 I tried looking for other questions like this on StackOverflow and I found some but their answers didn't work for me.我尝试在 StackOverflow 上寻找类似的其他问题，但我找到了一些，但他们的答案对我不起作用。
var iron_cost = 0 var string_cost = 0 var spider_e_cost = 0 var tami_1_amount = 0 var tami_2_amount = 0 var tami_1_tier = 0 var tami_2_tier = 0 var ta_per_min_1 = 0 var ta_per_min_2 = 0 var cpt_tpc = 0 var cph_tpc = 0 var cpd_tpc = 0 function calculate_tpc() { var string_cost = document.getElementById("string_tpc").value; var spider_e_cost = document.getElementById("spider_eye_tpc").value; var iron_cost = document.getElementById("iron_tpc").value; var tami_1_tier = document.getElementById("minions_tier_1_tpc").value; var tami_2_tier = document.getElementById("minions_tier_2_tpc").value; var tami_1_amount = document.getElementById("minions_1_tpc").value; var tami_2_amount = document.getElementById("minions_2_tpc").value; var step1 = string_cost * 3.16; var step2 = iron_cost * 0.2; var step3 = step1 + step2 + spider_e_cost; switch (tami_1_tier) { case 1: var ta_per_min_1 = 2; break; case 2: var ta_per_min_1 = 2; break; case 3: var ta_per_min_1 = 2.3; break; case 4: var ta_per_min_1 = 2.3; break; case 5: var ta_per_min_1 = 2.6; break; case 6: var ta_per_min_1 = 2.6; break; case 7: var ta_per_min_1 = 3.15; break; case 8: var ta_per_min_1 = 3.15; break; case 9: var ta_per_min_1 = 4.1; break; case 10: var ta_per_min_1 = 4.1; break; case 11: var ta_per_min_1 = 6; break; } switch (tami_2_tier) { case 1: var ta_per_min_2 = 2; break; case 2: var ta_per_min_2 = 2; break; case 3: var ta_per_min_2 = 2.3; break; case 4: var ta_per_min_2 = 2.3; break; case 5: var ta_per_min_2 = 2.6; break; case 6: var ta_per_min_2 = 2.6; break; case 7: var ta_per_min_2 = 3.15; break; case 8: var ta_per_min_2 = 3.15; break; case 9: var ta_per_min_2 = 4.1; break; case 10: var ta_per_min_2 = 4.1; break; case 11: var ta_per_min_2 = 6; break; } var step4 = ta_per_min_1 * tami_1_amount; var step5 = ta_per_min_2 * tami_2_amount; var step6 = step4 + step5; var step7 = step6 * step3; var step8 = step7 * 60; var step9 = step8 * 24; document.getElementById("cpt_tpc").innerHTML = step3; document.getElementById("cph_tpc").innerHTML = step8; document.getElementById("cpd_tpc").innerHTML = step9; document.getElementById("test1").innerHTML = ta_per_min_1; document.getElementById("test2").innerHTML = ta_per_min_2; }
html, body { text-align: center; };
<html> <head> <link rel="stylesheet" type="text/css" href="interface.css" /> <body> <h1>Calculator</h1> <br /> String Price: <input type="text" id="string_tpc" value="0"> <br /> Spider Eye Price: <input type="text" id="spider_eye_tpc" value="0"> <br /> Iron Price: <input type="text" id="iron_tpc" value="0"> <br /> Minions Tier 1: <input type="text" id="minions_tier_1_tpc" value="0"> Minion Amount 1: <input type="text" id="minions_1_tpc" value="0"> <br /> Minions Tier 2: <input type="text" id="minions_tier_2_tpc" value="0"> Minion Amount 2: <input type="text" id="minions_2_tpc" value="0"> <br /> <button onclick="calculate_tpc()">Calculate</button> <br /> Current Coins per Tarantula: <span id="cpt_tpc">0</span> <br /> Coins per hour: <span id="cph_tpc">0</span> <br /> Coins per day: <span id="cpd_tpc">0</span> <script type="text/javascript" src="main.js"></script> </body> </head> </html>
1 个解决方案
解决方案1
0 已采纳 2021-05-08 14:49:22
The main problem is to use strings from input.主要问题是使用输入中的字符串。 The further effect is to get no values from the switch statements, because the value is a string and in all cases, you have numbers.进一步的效果是不会从switch语句中获取任何值，因为该值是一个字符串，并且在所有情况下，您都有数字。 The comparison is here strict, like === .这里的比较是严格的，例如=== 。
For unknown values, you could return the function and omit calculation with not given values.对于未知值，您可以返回 function 并省略未给定值的计算。
'use strict'; function calculate_tpc() { var string_cost = +document.getElementById("string_tpc").value; var spider_e_cost = +document.getElementById("spider_eye_tpc").value; var iron_cost = +document.getElementById("iron_tpc").value; var tami_1_tier = +document.getElementById("minions_tier_1_tpc").value; var tami_2_tier = +document.getElementById("minions_tier_2_tpc").value; var tami_1_amount = +document.getElementById("minions_1_tpc").value; var tami_2_amount = +document.getElementById("minions_2_tpc").value; var step1 = string_cost * 3.16; var step2 = iron_cost * 0.2; var step3 = step1 + step2 + spider_e_cost, ta_per_min_1, ta_per_min_2; switch (tami_1_tier) { case 1: case 2: ta_per_min_1 = 2; break; case 3: case 4: ta_per_min_1 = 2.3; break; case 5: case 6: ta_per_min_1 = 2.6; break; case 7: case 8: ta_per_min_1 = 3.15; break; case 9: case 10: ta_per_min_1 = 4.1; break; case 11: ta_per_min_1 = 6; break; default: return; } switch (tami_2_tier) { case 1: case 2: ta_per_min_2 = 2; break; case 3: case 4: ta_per_min_2 = 2.3; break; case 5: case 6: ta_per_min_2 = 2.6; break; case 7: case 8: ta_per_min_2 = 3.15; break; case 9: case 10: ta_per_min_2 = 4.1; break; case 11: ta_per_min_2 = 6; break; default: return; } var step4 = ta_per_min_1 * tami_1_amount; var step5 = ta_per_min_2 * tami_2_amount; var step6 = step4 + step5; var step7 = step6 * step3; var step8 = step7 * 60; var step9 = step8 * 24; document.getElementById("cpt_tpc").innerHTML = step3; document.getElementById("cph_tpc").innerHTML = step8; document.getElementById("cpd_tpc").innerHTML = step9; //document.getElementById("test1").innerHTML = ta_per_min_1; //document.getElementById("test2").innerHTML = ta_per_min_2; }
<h1>Calculator</h1> <br /> String Price: <input type="text" id="string_tpc" value="0"> <br /> Spider Eye Price: <input type="text" id="spider_eye_tpc" value="0"> <br /> Iron Price: <input type="text" id="iron_tpc" value="0"> <br /> Minions Tier 1: <input type="text" id="minions_tier_1_tpc" value="0"> Minion Amount 1: <input type="text" id="minions_1_tpc" value="0"> <br /> Minions Tier 2: <input type="text" id="minions_tier_2_tpc" value="0"> Minion Amount 2: <input type="text" id="minions_2_tpc" value="0"> <br /> <button onclick="calculate_tpc()">Calculate</button> <br /> Current Coins per Tarantula: <span id="cpt_tpc">0</span> <br /> Coins per hour: <span id="cph_tpc">0</span> <br /> Coins per day: <span id="cpd_tpc">0</span>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
JavaScript计算器NaN - JavaScript calculator NaN
JavaScript 计算器显示 NaN - JavaScript calculator displays NaN
Javascript parseFloat（）有时会返回NaN - 可能只是在旧版本的Firefox上 - Javascript parseFloat() sometimes returns NaN - Possibly just on older versions of Firefox
在JavaScript计算器中将NaN更改为Error - Change NaN to Error in JavaScript calculator
在 Javascript Calculator 中获取 NaN 作为输出 - Getting NaN as output in Javascript Calculator
数组的平均计算器（null arguments 返回 NaN） - Average Calculator for an Array (null arguments returns NaN)
React函数抵押计算器返回NAN - React function mortgage calculator returns NAN
JavaScript闭包返回NaN吗？ - Javascript closures returns NaN?
Javascript减法返回NaN - Javascript subtraction returns NaN
Javascript Timer返回NaN - Javascript Timer returns NaN
相关标签