Question

我试图让人们可以看到他们实际支付的费用与估计的费用相比。我凭借有限的知识尽可能地走了，我不知道我在哪里搞砸了。

我在这里有一个小提琴：https://developer.mozilla.org/de/docs/Web/API/EventTarget/dispatchEvent

基本上，一旦用户输入他们的使用并点击计算按钮，它就会将估算的账单成本转换为实际的账单成本。我是JS的新手，所以感谢任何帮助！

下面是代码的快速概述，整个过程都在JSFiddle

上

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

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

Answer 1

代码中的问题是多次调用：

TIMESTAMP           CODE        VALUE 
2016-05-11 13:56:47 1000.ME     26.900 
2016-05-11 13:56:47 1313.ME     9.1136 
2016-05-11 13:56:51 1313.ME     9.1233 
2016-05-11 13:56:56 1313.ME     9.1136 
2016-05-11 13:57:00 1000.ME     27 
2016-05-11 13:57:00 1313.ME     9.1331

摆脱它的副本，然后它正在工作。

输入存储为变量并计算整个页面

1 个答案: