javascript - 入力値のオンクリック ボタンを変更する - 純粋な JavaScript または jQuery

Question

2 つのボタンがあり、いくつかのボタンをクリックすると、入力テキストの値を変更し、合計価格 (製品価格 * ボタンの値 - 2 または 4 数量) を変更する必要があります。

単純なことはわかっていますが、javascript や jQuery が苦手です。jsfiddle での回答が最適です。
私のjsfiddleはここにありますhttp://jsfiddle.net/J7m7m/1/

私の簡単なコード:

Product price: $500
<br>
Total price: $500
<br>
<input type="button" onclick="change()" value="2&#x00A;Qty">
<input type="button" value="4&#x00A;Qty">
<br>
Total <input type="text" id="count" value="1">

Answer 1

この場合のもう 1 つの簡単な解決策は、jQuery を使用することです。インライン JavaScript を使用することはお勧めできません。

Jsフィドル

合計金額とボタンの html に ID を追加しました。ここにjQueryがあります。

$('#two').click(function(){
    $('#count').val('2');
    $('#total').text('Product price: $1000');
});

$('#four').click(function(){
    $('#count').val('4');
    $('#total').text('Product price: $2000');
});