質問編集履歴

3

functon judgeをwindow.onloadの外に出しました

2021/03/08 04:52

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -74,7 +74,7 @@
74
74
 
75
75
  <input type="text" name="randomnumbern" id="randomnumberi" size="4">
76
76
 
77
- <input type="button" id="checkbutton" value="当ててみせよう" onclick="judge();">
77
+ <input type="button" id="checkbutton" value="当ててみ" onclick="judge();">
78
78
 
79
79
  <section id="output"></section>
80
80
 
@@ -130,6 +130,8 @@
130
130
 
131
131
  const answer = textbox.value;
132
132
 
133
+ }
134
+
133
135
 
134
136
 
135
137
  function judge() {
@@ -172,8 +174,6 @@
172
174
 
173
175
  }
174
176
 
175
- }
176
-
177
177
 
178
178
 
179
179
  ```

2

省略していた箇所を追記しました

2021/03/08 04:52

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -52,8 +52,6 @@
52
52
 
53
53
  <meta name="viewport" content="width=device-width, initial-scale=1">
54
54
 
55
-
56
-
57
55
  <script src="numcrunchingg.js"></script>
58
56
 
59
57
  </head>
@@ -84,9 +82,19 @@
84
82
 
85
83
 
86
84
 
85
+
86
+
87
87
  </center>
88
88
 
89
+
90
+
89
- (省略)
91
+ </body>
92
+
93
+
94
+
95
+ </html>
96
+
97
+
90
98
 
91
99
  ```
92
100
 
@@ -126,6 +134,46 @@
126
134
 
127
135
  function judge() {
128
136
 
137
+ var flag = 0;
138
+
139
+ if(document.randomnumberi.value.match(/^[0-9]+/)){
140
+
141
+ flag = 1;
142
+
143
+ }
144
+
145
+
146
+
129
- (省略)
147
+ if(flag){
148
+
149
+ window.alert("数字を半角で入力してください。");
150
+
151
+ }
152
+
153
+
154
+
155
+ var answerj = document.getElementById("output")
156
+
157
+
158
+
159
+ if(this.num === this.answer) {
160
+
161
+ answerj.innerHTML = "正解!";
162
+
163
+ } else if (this.num > this.answer) {
164
+
165
+ answerj.innerHTML = "もっと小さな数です";
166
+
167
+ } else {
168
+
169
+ answerj.innerHTML = "もっと大きな数です";
170
+
171
+ }
172
+
173
+ }
174
+
175
+ }
176
+
177
+
130
178
 
131
179
  ```

1

HTML側のhead部分に必要のないコードを見つけたので削除しました

2021/03/08 04:48

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -55,8 +55,6 @@
55
55
 
56
56
 
57
57
  <script src="numcrunchingg.js"></script>
58
-
59
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
60
58
 
61
59
  </head>
62
60