変数として保存してページ全体を計算する入力

Question

私は実際に支払うものと見積もったコストを人々が見ることができる場所にしようとしています。私は限られた知識で私ができる限り遠くに行ってきました。

私はここJSフィドル持っている：ユーザーがその使用を入力し、計算ボタンを押した後JSFIDDLE!

を基本的に、それは実際の法案のコストに推定ビル・コストを向けるだろう。私はJSにかなり新しいので、どんな助けもありがとう！

<script> 
    $(document).ready(function() { 
     $('.howisthiscalculated').magnificPopup({ 
      type: 'inline' 
     }); 
    }); 
</script> 

取り除く：コードの

クイック概要は以下の通りです、全部がJSFiddle

$(document).ready(function() { 
 
    $('button').click(function(){ 
 
     var newBill = 0; 
 
     var usage = document.addem.tb1.value 
 
\t  
 
     $(".content-wrapper.planwrapper").each(function() { 
 
      var originalRate = $(this).find(".v-ratePlanValue").text().replace("¢", ""); 
 
      newBill = (parseFloat(originalRate)/100 * usage + 5.95).toFixed(0); 
 
     \t  $(this).find(".estimatedbill-wrapper .term-description").text("$" + newBill); 
 
     \t }); 
 
    }); 
 
});

<form name="addem" action="" id="addem" > \t 
 
    <p>Enter your kWh here <input type="text" name="tb1"/></p> 
 
    <p> 
 
     <button type="button">Calculate!</button> 
 
    </p> 
 
</form>

Answer 1

上にある、あなたのコード内の問題は、複数の呼び出しがありますそのコピーのうち、動作しています。