htmlフォームを使用しないjqueryのシンプルセールス税計算機

Question

これはjQueryを使用した割り当ての第一歩です。私が理解しているように、プログラムは、ボタンを押すと関数 "onload"を計算しなければなりません。このボタンをクリックすると、processEntries関数が実行されます。 processEntriesはidの "subtotal"と "tax_rate"の値をとり、それらをparseFloatして新しい変数に代入します。そして、それは、これらの変数を使用してSALES_TAXし、合計を計算し、バックIDの「SALES_TAXと 『合計』のうち、これらの変数を吐く...しかし、それはそれをやっていない。

var $ = function(id) { 
 
    return document.getElementById(id); 
 
}; 
 

 
window.onload = function() { 
 
    $("calculate").onclick = processEntries(); 
 
}; 
 

 
function processEntries() { 
 
    var subTotal = parseFloat($("subtotal").value); 
 
    var taxRate = parseFloat($("tax_rate").value); 
 

 
    if (taxRate > 0) { 
 
    taxRate /= 100; 
 
    } 
 
    var Sales_tax = subTotal * taxRate; 
 

 
    var Total = subTotal * (taxRate + 1); 
 

 
    $("sales_tax").value = Sales_tax; 
 
    $("total").value = Total; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<main> 
 
    <h1>Sales Tax Calculator</h1> 
 
    <p>Enter Subtotal and Tax Rate and click "Calculate".</p> 
 
    <label for="subtotal">Subtotal:</label> 
 
    <input type="text" id="subtotal"><br> 
 

 
    <label for="tax_rate">Tax Rate:</label> 
 
    <input type="text" id="tax_rate"><br> 
 

 
    <label for="sales_tax">Sales Tax:</label> 
 
    <input type="text" id="sales_tax" disabled><br> 
 

 
    <label for="total">Total:</label> 
 
    <input type="text" id="total" disabled><br> 
 

 
    <label>&nbsp;</label> 
 
    <input type="button" id="calculate" value="Calculate"> 
 
    <input type="button" id="clear" value="Clear"><br> 
 
</main>

Answer 1

.valueバニラですjqueryオブジェクトの値を設定するには、.val(newValue)を使用します。$('sales_tax')と$('total')も無効なセレクタです。先頭には#を付けてID検索を行う必要があります。 IDで要素を見つける

Answer 2

コードには基本的な間違いがほとんどありません。

idを持つ要素を選択するには、jquery selectorを$（ 'yourid'）;とする必要があります。

と値を割り当てるには、jqueryのval（）メソッドを使用します。

window.onload = function() { 
     $("#calculate").on('click', processEntries); 
    }; 

    function processEntries() { 
     var subTotal = parseFloat($("#subtotal").val()); 
     var taxRate = parseFloat($("#tax_rate").val()); 

     if (taxRate > 0) { 
     taxRate /= 100; 
     } 
     var Sales_tax = subTotal * taxRate; 

     var Total = subTotal * (taxRate + 1); 

     $("#sales_tax").val(Sales_tax); 
     $("#total").val(Total);