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

質問編集履歴

3

問題解決に進展があったため

2020/03/16 05:59

投稿

itzuakniami123
itzuakniami123

スコア74

title CHANGED
File without changes
body CHANGED
@@ -8,9 +8,6 @@
8
8
  ✖ total.innerHTML = count_num;
9
9
  〇 total.value = count_num;
10
10
 
11
- 【未解決】
12
- なお、input要素に数値を手入力して、確定ボタンを押す→確定ボタンを押すことで今までの数値(= total)を上書き→「+1」「-1」ボタンを押すと手入力した数値からカウントアップ・ダウン処理をするようにしたいです。
13
-
14
11
  ほぼ独学と言っていいもので、実務経験がないため皆さまの知恵をお貸しください。
15
12
  よろしくお願いいたします。
16
13
 

2

問題解決に進展があったため

2020/03/16 05:59

投稿

itzuakniami123
itzuakniami123

スコア74

title CHANGED
File without changes
body CHANGED
@@ -4,7 +4,11 @@
4
4
  ボタンを押すと数値が変わるようにしたのですが、input要素に結果が反映されなくて困っています。
5
5
  確認用として、divタグを追加して同じようにコードを書いたところ正常に動作しました。
6
6
  input要素にボタンを押すとカウントアップ・ダウンした結果を反映させるにはどうしたらよいでしょうか?
7
+ → Masakin様の回答により解決しました!
8
+ ✖ total.innerHTML = count_num;
9
+ 〇 total.value = count_num;
7
10
 
11
+ 【未解決】
8
12
  なお、input要素に数値を手入力して、確定ボタンを押す→確定ボタンを押すことで今までの数値(= total)を上書き→「+1」「-1」ボタンを押すと手入力した数値からカウントアップ・ダウン処理をするようにしたいです。
9
13
 
10
14
  ほぼ独学と言っていいもので、実務経験がないため皆さまの知恵をお貸しください。

1

現状の画像とソースコードのコードが揃っていなかった為修正いたしました。

2020/03/16 05:47

投稿

itzuakniami123
itzuakniami123

スコア74

title CHANGED
File without changes
body CHANGED
@@ -39,21 +39,21 @@
39
39
  window.onload = function(){
40
40
  var total = document.getElementById("total");
41
41
  var now_num = document.getElementById("now_num");
42
- //増加
42
+ //1つずつ増加
43
- var up_btn = document.getElementById("up");
43
+ var one_up_btn = document.getElementById("up");
44
- //減少
44
+ //1つずつ減少
45
- var down_btn = document.getElementById("down");
45
+ var one_down_btn = document.getElementById("down");
46
46
  //定義
47
47
  var count_num = 0;
48
48
 
49
49
  //カウントアップ処理
50
- up.onclick = function(){
50
+ one_up.onclick = function(){
51
51
  count_num += 1;
52
52
  total.innerHTML = count_num;
53
53
  now_num.innerHTML = count_num;
54
54
  }
55
55
  //カウントダウン処理
56
- down.onclick = function(){
56
+ one_down.onclick = function(){
57
57
  count_num += -1;
58
58
  total.innerHTML = count_num;
59
59
  now_num.innerHTML = count_num;