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

質問編集履歴

4

追記

2019/11/25 06:46

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -4,7 +4,9 @@
4
4
  どのような記述で実現可能でしょうか、ご教授願います。
5
5
  自分で調べたところonclickイベントでparseInt(count_cut) + parseInt...と加算の記述をすれば
6
6
  なるという結論に至ったのですが動かないので質問いたしました。宜しくお願い致します。
7
+ またはshowResultでしょうか?
7
8
 
9
+
8
10
  ```<!DOCTYPE html>
9
11
  <html lang="ja">
10
12
  <head>
@@ -93,14 +95,16 @@
93
95
  count_colorCut -= 1;
94
96
  count_cc.innerHTML = count_colorCut;
95
97
  }
96
- //こう?
98
+
97
- function hoge(){
99
+ var showResult = function() {
100
+ var num1 = Number($('#count_cut').val());//
101
+ var num2 = Number($('#count_color').val());//
98
- count_total = parseInt(count_cut) + parseInt(count_color) + parseInt(count_colorCut) ;
102
+ var num3 = Number($('#count_colorCut').val());//
103
+ var ans = num1 + num2 + num3;
99
- count_total.innerHTML = count_total;
104
+ $("#total").html(ans);
100
- }
105
+ }
101
106
 
102
107
  };
103
-
104
108
  </script>
105
109
  </html>
106
110
 

3

追記

2019/11/25 06:46

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -26,15 +26,15 @@
26
26
  <td><div id="total">0</div></td>
27
27
  </tr>
28
28
  <tr>
29
- <td><input type="button" value="plus" id="up_cu"></td>
29
+ <td><input type="button" value="plus" id="up_cu" onclick="hoge()"></td>
30
- <td><input type="button" value="plus" id="up_co"></td>
30
+ <td><input type="button" value="plus" id="up_co" onclick="hoge()"></td>
31
- <td><input type="button" value="plus" id="up_cc"></td>
31
+ <td><input type="button" value="plus" id="up_cc" onclick="hoge()"></td>
32
- <td><input type="button" value="X"id="btn_start" ></td>
32
+ <td><input type="button" value="X"id="btn_start" onclick="hoge()"></td>
33
33
  </tr>
34
34
  <tr>
35
- <td><input type="button" value="minus" id="down_cu"></td>
35
+ <td><input type="button" value="minus" id="down_cu" onclick="hoge()"></td>
36
- <td><input type="button" value="minus" id="down_co"></td>
36
+ <td><input type="button" value="minus" id="down_co" onclick="hoge()"></td>
37
- <td><input type="button" value="minus" id="down_cc"></td>
37
+ <td><input type="button" value="minus" id="down_cc" onclick="hoge()"></td>
38
38
  <td><input type="button" value="Y"id="btn_stop" ></td>
39
39
  </tr>
40
40
  </table>

2

追記

2019/11/25 06:15

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -60,8 +60,9 @@
60
60
  var down_cc = document.getElementById("down_cc");
61
61
  var count_colorCut = 0;
62
62
 
63
+ // こう?
64
+ var count_total = document.getElementById("total");
63
65
 
64
-
65
66
  // cuのカウントアップボタンクリック処理
66
67
  up_cu.onclick = function() {
67
68
  count_cut += 1;
@@ -92,11 +93,17 @@
92
93
  count_colorCut -= 1;
93
94
  count_cc.innerHTML = count_colorCut;
94
95
  }
96
+ //こう?
97
+ function hoge(){
98
+ count_total = parseInt(count_cut) + parseInt(count_color) + parseInt(count_colorCut) ;
99
+ count_total.innerHTML = count_total;
100
+ }
95
101
 
96
102
  };
97
103
 
98
104
  </script>
99
105
  </html>
100
106
 
107
+
101
108
  コード
102
109
  ```

1

追記

2019/11/25 06:13

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -2,8 +2,9 @@
2
2
 
3
3
  画像のイメージで右上のトータルに合算を出したいのですが
4
4
  どのような記述で実現可能でしょうか、ご教授願います。
5
+ 自分で調べたところonclickイベントでparseInt(count_cut) + parseInt...と加算の記述をすれば
6
+ なるという結論に至ったのですが動かないので質問いたしました。宜しくお願い致します。
5
7
 
6
-
7
8
  ```<!DOCTYPE html>
8
9
  <html lang="ja">
9
10
  <head>
@@ -60,6 +61,7 @@
60
61
  var count_colorCut = 0;
61
62
 
62
63
 
64
+
63
65
  // cuのカウントアップボタンクリック処理
64
66
  up_cu.onclick = function() {
65
67
  count_cut += 1;