2016-04-02 23 views
0

私はこのページ(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から分離する必要がありますか?

答えて

1
  1. slidevalが設定されていないように見えますが、あなたのコードを読むだけで推測するのは難しいです。 codepen/jsfiddle/etcのデモをして見てください。
  2. 料金計算の数値精度が問題になる場合は、通常の浮動小数点数の代わりにbig.jsなどを使用してください。