我正在尝试为我们的金融服务登录页面编写一个自定义幻灯片计算器,就像此页面(www.advancedcommission.com)上的幻灯片计算器一样。这是我写的:
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8”>
<title> My Web Document</title>
<script> function feeCalculate(slider){ if slider <=3000;
var fee = 360;
else;
var fee = slider *.12; slideval.innerHTML = "$" + slider; }
</script>
</head>
<body>
<h2>Advance Amount</h2> Advance Amount: <input type="range" mine = "1000" max = "25000" value="0" step = "500" onchange ="feeCalculate(this.value)" style="width:400px;">
<span id="slideval">$1000</span> <h2>Fee: <span id="fee"></span><h2> </body>
</html>
我将此代码粘贴到了Unbounce(我们的目标网页应用程序)中,但无法正常工作。 JavaScript是否必须与HTML分开?
最佳答案
似乎未设置slideval,但仅阅读代码就很难猜到。在codepen / jsfiddle / etc上进行演示,让我们看看。
如果您的费用计算的数字准确性很重要,请使用big.js之类的内容代替普通的浮点数学。
关于javascript - 自定义幻灯片应用程序的问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36379264/