teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

余計なもの削除

2017/07/01 09:11

投稿

shi_ue
shi_ue

スコア4437

answer CHANGED
@@ -11,8 +11,8 @@
11
11
  ```
12
12
 
13
13
  ```javascript
14
- function update_field(elem){
14
+ function update_field(){
15
- var result=$('#quantity').val()*$('#price').val();
15
+ var result = $('#quantity').val() * $('#price').val();
16
16
  $('#total').text(result);
17
17
  }
18
18
  $(function() {

1

変更

2017/07/01 09:11

投稿

shi_ue
shi_ue

スコア4437

answer CHANGED
@@ -1,4 +1,15 @@
1
1
  せっかくJQueryを使ってるので、イベントをbindしましょう。
2
+ ```html
3
+ <div class="container">
4
+ <p>量</p>
5
+ <input id="quantity" type="number" size="40"><br>
6
+ <p>単価</p>
7
+ <input id="price" type="number" size="40"><br>
8
+ <p>合計金額</p>
9
+ <span id="total"></span>円です。
10
+ </div>
11
+ ```
12
+
2
13
  ```javascript
3
14
  function update_field(elem){
4
15
  var result=$('#quantity').val()*$('#price').val();