计算费用的脚本不显示结果

时间:2016-02-01 23:00:57

标签: javascript

$('input[type=button]').on ('click', function () {
    var totalAmount = $('#amount').val(); // Cantidad a pagar -> 1200
   
}
$('#amount').val(totalAmount);
    var feeType     = $('#typefee option:selected').val()  || 24; // En cuantos meses, 6, 12, 24. Por defecto 24
    var tax         = 0.05; //Impuesto
    
    var totalAlreadyPay = $('#amountPayed').val() || 0; // Lo que ya se ha pagado -> 200
     
    if ((totalAmount && totalAmount > 0) || totalAlreadyPay > 0) {
        // En caso de haber pagado ya alguna parte
        totalAmount      = totalAmount - totalAlreadyPay
    } 
    $('#amount').val(totalAmount);
 
    // Total a pagar al mes en función del tipo de cuota: 6, 12, 24 meses
    var totalToPay = 0;
    totalToPay = (totalAmount / feeType) + (totalAmount / feeType) * tax;
 
    $('#totalamount').html(totalAmount);
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="amount">
<input type="text" id="amountPayed">
<select id="typefee">
    <option value="6">6 meses</option>
    <option value="12">12 meses</option>
    <option value="24">24 meses</option>
</select>

<input type="button" value="Calcular">
<div id="totalamount"></div>

这是我的脚本,我不明白为什么它没有显示结果,我是javascript的新手,我正在学习,我很感激它帮助我知道为什么结果没有显示。谢谢。

1 个答案:

答案 0 :(得分:0)

您在点击事件中的第二行还有一个额外的},您应将其删除,请查看下面的工作代码段。

注意:您应该考虑在浏览器中使用开发人员控制台,因为它可以帮助您在代码中找到问题,本例中的控制台显示:

  参数列表

之后的

Uncaught SyntaxError:missing)

&#13;
&#13;
$('input[type=button]').on ('click', function () {
    var totalAmount = $('#amount').val(); // Cantidad a pagar -> 1200
   
    var feeType     = $('#typefee option:selected').val()  || 24; // En cuantos meses, 6, 12, 24. Por defecto 24
    var tax         = 0.05; //Impuesto
    
    var totalAlreadyPay = $('#amountPayed').val() || 0; // Lo que ya se ha pagado -> 200
     
    if ((totalAmount && totalAmount > 0) || totalAlreadyPay > 0) {
        // En caso de haber pagado ya alguna parte
        totalAmount      = totalAmount - totalAlreadyPay
    } 
    $('#amount').val(totalAmount);
 
    // Total a pagar al mes en función del tipo de cuota: 6, 12, 24 meses
    var totalToPay = 0;
    totalToPay = (totalAmount / feeType) + (totalAmount / feeType) * tax;
 
    $('#totalamount').html(totalAmount);
 
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="amount">
<input type="text" id="amountPayed">
<select id="typefee">
    <option value="6">6 meses</option>
    <option value="12">12 meses</option>
    <option value="24">24 meses</option>
</select>

<input type="button" value="Calcular">
<div id="totalamount"></div>
&#13;
&#13;
&#13;