teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問何も表示されないです。htmlとjavascript

編集履歴

質問編集履歴

4

表に表示させれるようにしました。書籍の変更。

2020/11/19 21:25

投稿

otohu_0401
otohu_0401

スコア4

test CHANGED
@@ -1 +1 @@
1
- すべてが表示されてしまう
1
+ 何も表示されないです。htmlとjavascript
test CHANGED
@@ -1,18 +1,24 @@
1
1
  ### 前提・実現したいこと
2
2
 
3
- 初心者です。一時間ほど考えましたがわからなかったので質問します!それと初めての質問なのでちょっとおかしいかもです。
4
-
5
- 実現したいことはY:30とZ:5を入れたときにmsg1,msg2,msg3,msg4を起動させて40と5を入れたときにmsg5...msg8　50と5を入れたときにmsg9...msg12まで起動させて表示させたいです。input idはynumberとxnumberにしました。
3
+ 初心者です。一時間ほど考えましたがわからなかったので質問します!
4
+
5
+ 実現したいことはY:30とZ:5を入れたときにmsg1,msg2,msg3,msg4とnum1,num2,num3,num4を起動させて40と5を入れたときにmsg1...msg4とnum5...num8　50と5を入れたときにmsg1...msg4とnum9...num12まで起動させて表示させたいです。表に表示させたかったので変数を四つにしました。表にする前にコメントしてくださった方すみません。input idはynumberとxnumberにしました。
6
6
 
7
7
  ### 発生している問題・エラーメッセージ
8
8
 
9
- 何も入れていないのにもかかわらず、検索ボタンを押すとすべての値が表示されてしまいます。どのようにしたらif文を機能させることができるでしょうか。
9
+ 計算ボタンを押してもエラーが起きてしまいました。
10
-
11
-
12
-
10
+
13
- ```
11
+ ```
12
+
14
-
13
+ Uncaught TypeError: Assignment to constant variable.
14
+
15
+ at search_num (tonebar_reference.html:62)
16
+
17
+ at HTMLInputElement.onclick (tonebar_reference.html:26)
18
+
19
+ search_num @ tonebar_reference.html:62
20
+
15
- Googleのconsoleには何も表示されていませんでした...
21
+ onclick @ tonebar_reference.html:26
16
22
 
17
23
  ```
18
24
 
@@ -20,7 +26,7 @@
20
26
 
21
27
  ### 該当のソースコード
22
28
 
23
- ```ここに言語を入力
29
+ ```html
24
30
 
25
31
  <!DOCTYPE html>
26
32
 
@@ -28,7 +34,7 @@
28
34
 
29
35
  <head>
30
36
 
31
- <!--headは何も書いていません-->
37
+
32
38
 
33
39
  </head>
34
40
 
@@ -74,34 +80,46 @@
74
80
 
75
81
  ">
76
82
 
83
+ <table border = "1">
84
+
85
+ <tr>
86
+
87
+ <th></th>
88
+
89
+ <th>1</th>
90
+
91
+ <th>2</th>
92
+
93
+ <th>3</th>
94
+
95
+ <th>4</th>
96
+
97
+ </tr>
98
+
99
+ <tr>
100
+
101
+ <td>Num=</td>
102
+
77
- <span id="msg1"></span>
103
+ <td> <span id="msg1"></span> </td>
78
-
104
+
79
- <span id="msg2"></span>
105
+ <td> <span id="msg2"></span> </td>
80
-
106
+
81
- <span id="msg3"></span>
107
+ <td> <span id="msg3"></span> </td>
82
-
108
+
83
- <span id="msg4"></span>
109
+ <td> <span id="msg4"></span> </td>
110
+
84
-
111
+ </tr>
112
+
85
- <span id="msg5"></span>
113
+ </table>
86
-
87
- <span id="msg6"></span>
88
-
89
- <span id="msg7"></span>
90
-
91
- <span id="msg8"></span>
92
-
93
- <span id="msg9"></span>
94
-
95
- <span id="msg10"></span>
96
-
97
- <span id="msg11"></span>
98
-
99
- <span id="msg12"></span>
100
114
 
101
115
 
102
116
 
103
117
  <script type="text/javascript">
104
118
 
119
+ const ynumber = document.getElementById("ynumber").value;
120
+
121
+ const znumber = document.getElementById("znumber").value;
122
+
105
123
  const num1 = 2689.7
106
124
 
107
125
  const num2 = 3370
@@ -132,9 +150,11 @@
132
150
 
133
151
 
134
152
 
135
- if (znumber = 5){
136
-
137
- if (ynumber = 30){
153
+ if (ynumber = 30){
154
+
155
+ if(znumber = 5){
156
+
157
+
138
158
 
139
159
  document.getElementById("msg1").innerHTML = num1 ;
140
160
 
@@ -150,35 +170,33 @@
150
170
 
151
171
 
152
172
 
153
- if (znumber = 5){
154
-
155
- if (ynumber = 40){
173
+ if (ynumber = 40){
174
+
156
-
175
+ if(znumber = 5){
176
+
157
- document.getElementById("msg5").innerHTML = num5 ;
177
+ document.getElementById("msg1").innerHTML = num5 ;
158
-
178
+
159
- document.getElementById("msg6").innerHTML = num6 ;
179
+ document.getElementById("msg2").innerHTML = num6 ;
160
-
180
+
161
- document.getElementById("msg7").innerHTML = num7 ;
181
+ document.getElementById("msg3").innerHTML = num7 ;
162
-
182
+
163
- document.getElementById("msg8").innerHTML = num8 ;
183
+ document.getElementById("msg4").innerHTML = num8 ;
164
184
 
165
185
  }
166
186
 
167
187
  }
168
188
 
169
-
170
-
171
- if (znumber = 5){
172
-
173
- if (ynumber = 50){
189
+ if (ynumber = 50){
190
+
174
-
191
+ if(znumber = 5){
192
+
175
- document.getElementById("msg9").innerHTML = num9 ;
193
+ document.getElementById("msg1").innerHTML = num9 ;
176
-
194
+
177
- document.getElementById("msg10").innerHTML = num10 ;
195
+ document.getElementById("msg2").innerHTML = num10 ;
178
-
196
+
179
- document.getElementById("msg11").innerHTML = num11 ;
197
+ document.getElementById("msg3").innerHTML = num11 ;
180
-
198
+
181
- document.getElementById("msg12").innerHTML = num12 ;
199
+ document.getElementById("msg4").innerHTML = num12 ;
182
200
 
183
201
  }
184
202
 

3

書籍の改善

2020/11/19 21:25

投稿

otohu_0401
otohu_0401

スコア4

test CHANGED
File without changes
test CHANGED
@@ -186,18 +186,16 @@
186
186
 
187
187
  }
188
188
 
189
- ```
190
-
191
-
192
-
193
-
194
-
195
189
  </script>
196
190
 
197
191
  </body>
198
192
 
199
193
  </html>
200
194
 
195
+ ```
196
+
197
+
198
+
201
199
  ```ここに言語名を入力
202
200
 
203
201
  Javascript, html,ファイルは.html

2

書式の改善

2020/11/19 21:10

投稿

otohu_0401
otohu_0401

スコア4

test CHANGED
File without changes
test CHANGED
@@ -2,13 +2,11 @@
2
2
 
3
3
  初心者です。一時間ほど考えましたがわからなかったので質問します!それと初めての質問なのでちょっとおかしいかもです。
4
4
 
5
- 実現したいことはY:30とZ:5を入れたときにmsg1,msg2,msg3,msg4を起動させて40と5を入れたときにmsg5...msg8　50と5を入れたときにmsg9...msg12まで起動させて表示させたいです。input idはynumberとxnumberにしました。語彙力なくてすみませんｗ
5
+ 実現したいことはY:30とZ:5を入れたときにmsg1,msg2,msg3,msg4を起動させて40と5を入れたときにmsg5...msg8　50と5を入れたときにmsg9...msg12まで起動させて表示させたいです。input idはynumberとxnumberにしました。
6
-
7
-
8
6
 
9
7
  ### 発生している問題・エラーメッセージ
10
8
 
11
- 何も入れていないのにもかかわらず、検索ボタンを押すとすべての値が表示されてしまいます。どのようにしたらif文を機能させることができるでしょうか。長文失礼しました。また、本当に最近プログラミングを始めたんですがmeta属性?でutf-8を入れても文字化けしてしまいます。(何もやらないと問題なく表示されるのでいいですが）表示するときはGoogle Chromeを使ってます。
9
+ 何も入れていないのにもかかわらず、検索ボタンを押すとすべての値が表示されてしまいます。どのようにしたらif文を機能させることができるでしょうか。
12
10
 
13
11
 
14
12
 
@@ -18,10 +16,12 @@
18
16
 
19
17
  ```
20
18
 
21
- 何も表示されません
19
+
22
20
 
23
21
  ### 該当のソースコード
24
22
 
23
+ ```ここに言語を入力
24
+
25
25
  <!DOCTYPE html>
26
26
 
27
27
  <html lang="ja">
@@ -186,6 +186,10 @@
186
186
 
187
187
  }
188
188
 
189
+ ```
190
+
191
+
192
+
189
193
 
190
194
 
191
195
  </script>

1

書式の改善、誤字

2020/11/19 21:08

投稿

otohu_0401
otohu_0401

スコア4

test CHANGED
File without changes
test CHANGED
@@ -1,8 +1,8 @@
1
1
  ### 前提・実現したいこと
2
2
 
3
- 初心者です。一時間ほど考えましたがわからなかったので質問します!
3
+ 初心者です。一時間ほど考えましたがわからなかったので質問します!それと初めての質問なのでちょっとおかしいかもです。
4
-
4
+
5
- 実現したいことはY:30とZ:5を入れたときにmsg1,msg2,msg3,msg4を起動させて40と5を入れたときにmsg5...msg8　50と5を入れたときにmsg9...msg12まで起動させて表示させたいです。語彙力なくてすみませんｗ
5
+ 実現したいことはY:30とZ:5を入れたときにmsg1,msg2,msg3,msg4を起動させて40と5を入れたときにmsg5...msg8　50と5を入れたときにmsg9...msg12まで起動させて表示させたいです。input idはynumberとxnumberにしました。語彙力なくてすみませんｗ
6
6
 
7
7
 
8
8