Вход для хранения как переменной и вычисления всей страницы

Question

Я пытаюсь сделать это там, где люди могут видеть, что они действительно будут платить, и сметная стоимость. Я поступил настолько далеко, насколько мог, с моими ограниченными знаниями, и я не уверен, где я ввязываюсь в это.

У меня есть Js скрипка здесь: JSFIDDLE!

В принципе, когда пользователь вводит их использование и нажмет кнопку высчитывает, получится Сметная стоимость Билла в фактическую стоимость счета. Я довольно новичок в JS, поэтому любая помощь оценивается!

Краткий обзор кода ниже, все это находится на 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

Проблема в вашем коде нескольких вызовов:

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

Избавиться из его копий, то он работает.