个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我是编程新手，正在尝试创建一个简单的数学脚本来确定用户选择的游戏的价格，并将其乘以他们希望预订游戏的天数。
它有效，但最终价格总是显示为“NaN”(我相信它代表“Not a Number”)。
任何帮助将不胜感激。
<html>
<body>
<p><strong>Game ID</strong><br>
<input type="number" name="gameID" id="gameID" placeholder="1-8">
<p><strong>Days you wish to reserve the game for</strong><br>
<input type="number" name="daysReserved" id="daysReserved" placeholder="1-5">
<br>
<button type="button" onclick="idToPrice();finalPriceCalculation();">Reserve!</button>
<p id="totalPriceOutput"></p>
<script>
function idToPrice() {
var id = document.getElementById("gameID").value;
if (id == 1) {
var gamePrice = 0.99;
} else if (id == 2) {
var gamePrice = 0.99;
} else if (id == 3) {
var gamePrice = 1.99;
} else if (id == 4) {
var gamePrice = 1.99;
} else if (id == 5) {
var gamePrice = 3.99;
} else if (id == 6) {
var gamePrice = 3.99;
} else if (id == 7) {
var gamePrice = 0.99;
} else if (id == 8) {
var gamePrice = 0.99;
} else {
document.getElementById("totalPriceOutput").innerHTML = "Error. Your final price could not be calculated because you selected an invalid game ID.";
}
}
function finalPriceCalculation() {
var daysInputted;
var gamePrice;
var finalPrice = daysInputted * gamePrice;
document.getElementById("totalPriceOutput").innerHTML = "Your final price is £" + finalPrice + ".";
}
</script>
</body>
</html>
最佳答案
注意:您的代码中存在3 个问题。我已经更正了它们，并使用 switch case 语句修改了条件，以提高可读性。
1。在此代码中，您的 var daysInputted 和 var gamePrice 都是本地。
var daysInputted;
var gamePrice;
var finalPrice = daysInputted * gamePrice;
您可能会想，当您首先调用 idToPrice() 方法时，必须定义 gamePrice 。但事实并非如此。
因为当您在方法中使用 var gamePrice 时，gamePrice 就成为该方法的局部变量，并且无法在任何其他方法中访问。
因此，您需要在同一方法中定义这两个变量，或者在 idToPrice() 方法中将它们设置为全局变量。
2。您还需要将 daysInputted 定义为
var daysInputted = document.getElementById("daysReserved").value;
3。您还需要解析 document.getElementById("gameID").value 为Integer
您的最终代码完全工作的代码将是
<body>
<p><strong>Game ID</strong><br>
<input type="number" name="gameID" id="gameID" placeholder="1-8">
<p><strong>Days you wish to reserve the game for</strong><br>
<input type="number" name="daysReserved" id="daysReserved" placeholder="1-5">
<br>
<button type="button" onclick="idToPrice();finalPriceCalculation();">Reserve!</button>
<p id="totalPriceOutput"></p>
<script>
function idToPrice() {
var id = parseInt(document.getElementById("gameID").value);
switch(id) {
case 1:
gamePrice = 0.99;
break;
case 2:
gamePrice = 0.99;
break;
case 3:
gamePrice = 1.99;
break;
case 4:
gamePrice = 1.99;
break;
case 5:
gamePrice = 3.99;
break;
case 6:
gamePrice = 3.99;
break;
case 7:
gamePrice = 0.99;
break;
case 8:
gamePrice = 0.99;
break;
default:
document.getElementById("totalPriceOutput").innerHTML = "Error. Your final price could not be calculated because you selected an invalid game ID.";
break;
}
}
function finalPriceCalculation() {
var daysInputted = document.getElementById("daysReserved").value;
var finalPrice = daysInputted * gamePrice;
document.getElementById("totalPriceOutput").innerHTML = "Your final price is £" + finalPrice + ".";
}
</script>
</body>
关于javascript - 尝试计算价格时出现 NaN，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31221531/
25
4
0
我需要一些帮助。 我希望“总计”由“数量*价格=总计”计算(到目前为止没问题)。问题是我还需要通过“总/价格=数量”来计算“数量”，即如果一个字段发生更改，另一个字段也会自动更改。 我做了一个非常简单
我试图将每件商品的数量和价格相乘来计算总数，但我的警报中出现错误。 $.each(data.items, function(index, d){ var calcultest = d.pric
我想获得格式化的价格但没有货币符号，我只想使用 magento 的标准功能! $product->getFinalPrice(); => 19.9900 Mage::helper('core')->f
我正在尝试获取特定月份和年份中所有父类别的总价格。父类别是 parent_id == 0 的任何类别。我的查询如下所示: SELECT ROUND(SUM(od.total_price)) a
请帮我摆脱我的头痛..提前我为我的糟糕语言道歉，无论是英语还是mysql。希望有人能理解这个问题..:) 我有一个数据库，任何人都可以记录各个商店中各种产品的价格。以下查询是一个半理论示例，可能根本不
下面是我需要在数据库中设计的示例: 会有一个价格选项，如果有的话，会有一个特价选项，然后我想知道如果我希望其中一个选项是“免费”的，我该怎么做。 另请参阅根据所在国家/地区会有不同的货币。这是我的想法
商品价格格式 999,99 999 - 1 ..4 digits , - comma sign marks decimal point 99 - 2 digits after price Postg
我有这个表 stk +---------+--------------+ | Field | Type | +---------+--------------+ | id
是否有一个简单的格式化程序可以将我的字符串格式化为价格？ 所以我的字符串是:300000 我想用空格来“300 000” or 1000000 "1 000 000" 张国荣 最佳答案 这样做: St
我想知道是否可以使用不依赖于 Excel 应用程序本地化(欧盟/美国)的 Excel 公式来自定义数字格式？ 例如，我的值为 1291660。 然后使用公式=TEXT(A1;"# ##0,00") .
这是我的代码，对于价格 slider : $("#price-slider").ionRangeSlider({ min: 130, max: 575, onChange :
用户可以使用价格创建一个新实体。价格可以使用不同的货币(EUR，USD ...)，因此我们可以乘以(price * convert_rate)得到实际价格。 我想做的是根据价格过滤记录，具体取决于前端
我正在尝试隐藏小数位在类型输入字段上，例如 数字从0.00开始 因此，输入字段中的第一个位置将为 0.00 我输入的1比它应该变成0.01 我输入的2比它应该变成0.12 比 0 所以它应该变成 1.
$res=mysql_query($qry); while($row= mysql_fetch_array($res)) { echo "".$row['Food_Name']." ".$row['P
我们正在为我们的新项目寻找信用卡网关。那里一片困惑，所有人都想把你切成碎片。每次我与他们交谈时，他们都有不同的费率，每次更新报价时，他们都会更改一些价格。 我们正在使用 .net、C#、asp.net
我已经创建了一个 jQuery 价格 slider ，但我不确定如何让过滤区域以实际价格范围开始？目前它有“$[object Object] - $[object Object]”，而我希望它有“$2
我已经创建了 jquery 价格 slider ，但我不确定如何过滤我的结果，以便在滑动时您只能看到具有该值范围内的产品。 HTML: Price range:
我有一个页面，其中有一个表格，我们可以在其中选择一个产品，输入它的数量和价格，然后应在最后一列中计算金额，并应添加新行以输入更多产品，直到我们完成为止。
我创建了电子商务网站，即将提供午餐和晚餐服务。我在这里提出问题/问题是因为我知道这里有很多可以帮助我的传奇人物。我在网站上添加了套餐/计划部分。 1. Weekly 2. Monthly 以下是订
我的网站需要一个简单的 jQuery 价格 slider 。从 0 英镑到 1000 英镑不等。 假设浏览器将 slider 设置为 100 英镑(例如)，然后我需要一个立即购买按钮，该按钮将 sli
我是一名优秀的程序员,十分优秀！