質問編集履歴
3
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -341,3 +341,35 @@
|
|
|
341
341
|
</html>
|
|
342
342
|
|
|
343
343
|
```
|
|
344
|
+
|
|
345
|
+
|
|
346
|
+
|
|
347
|
+
### 追記
|
|
348
|
+
|
|
349
|
+
以下に変更することで無事に解決しました！！
|
|
350
|
+
|
|
351
|
+
|
|
352
|
+
|
|
353
|
+
```ここに言語を入力
|
|
354
|
+
|
|
355
|
+
<div class="center">
|
|
356
|
+
|
|
357
|
+
<img src="image/002.png" alt="monster" width="450" height="450"/>
|
|
358
|
+
|
|
359
|
+
<div class="question"></div>
|
|
360
|
+
|
|
361
|
+
</div>
|
|
362
|
+
|
|
363
|
+
<div class="container">
|
|
364
|
+
|
|
365
|
+
<input class="answer" value="" />
|
|
366
|
+
|
|
367
|
+
<script>
|
|
368
|
+
|
|
369
|
+
var ans = document.getElementsByClassName('answer')[0];
|
|
370
|
+
|
|
371
|
+
ans.focus();
|
|
372
|
+
|
|
373
|
+
</script>
|
|
374
|
+
|
|
375
|
+
```
|
2
質問内容の変更
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[HTML]
|
|
1
|
+
[HTML]ページが表示された時に入力欄にカーソルが表示されてるようにしたい
|
test
CHANGED
|
@@ -2,17 +2,43 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
ページが表示された時に入力欄にカーソルが表示されてるようにしたいです。
|
|
6
|
+
|
|
6
|
-
|
|
7
|
+
入力欄にいちいちカーソルを合わせなくてもいきなり文字の入力ができる状態。
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### 試してみたこと
|
|
12
|
+
|
|
13
|
+
入力欄（"answer"）が生成された時に
|
|
14
|
+
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
<div class="center">
|
|
18
|
+
|
|
19
|
+
<img src="image/002.png" alt="monster" width="450" height="450"/>
|
|
20
|
+
|
|
21
|
+
<div class="question"></div>
|
|
22
|
+
|
|
23
|
+
</div>
|
|
24
|
+
|
|
7
|
-
c
|
|
25
|
+
<div class="container">
|
|
26
|
+
|
|
8
|
-
|
|
27
|
+
<input class="answer" value="" />
|
|
28
|
+
|
|
29
|
+
<script type="container/javascript">
|
|
30
|
+
|
|
31
|
+
document.getElementById('answer').focus();
|
|
32
|
+
|
|
33
|
+
</script>
|
|
34
|
+
|
|
35
|
+
</div>
|
|
36
|
+
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
としてみましたが、何も変わらなかったです…
|
|
40
|
+
|
|
9
|
-
|
|
41
|
+
お力添えいただきたく、何卒宜しくお願い致します…
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
### 画面
|
|
14
|
-
|
|
15
|
-
|
|
16
42
|
|
|
17
43
|
|
|
18
44
|
|
|
@@ -315,13 +341,3 @@
|
|
|
315
341
|
</html>
|
|
316
342
|
|
|
317
343
|
```
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
### ターミナルインストール時
|
|
322
|
-
|
|
323
|
-
$npm i sweetalert --save
|
|
324
|
-
|
|
325
|
-
でこんな表示になったのですがあってるのかも不安です…
|
|
326
|
-
|
|
327
|
-
]
|
1
文章の改善
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[HTML]
|
|
1
|
+
[HTML]sweetalert2をいれると文字が消えてしまう
|
test
CHANGED
|
@@ -2,29 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
中身のhtml部分を作ったのですが、
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
sweetalert2を使ってアラート画面をカスタマイズしたいのですが、
|
|
8
|
-
|
|
6
|
+
|
|
9
|
-
|
|
7
|
+
const swal = require("sweetalert2")
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
|
|
14
|
-
|
|
15
|
-
①スタート画面（作りたい）
|
|
16
|
-
|
|
17
|
-
↓
|
|
18
|
-
|
|
19
|
-
②中身の画面（作った）
|
|
20
|
-
|
|
21
|
-
↓
|
|
22
|
-
|
|
23
|
-
|
|
9
|
+
をいれると下図中央にある文字が消えてしまいます。
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
27
|
-
###
|
|
13
|
+
### 画面
|
|
28
14
|
|
|
29
15
|
|
|
30
16
|
|
|
@@ -264,6 +250,8 @@
|
|
|
264
250
|
|
|
265
251
|
const answer = document.querySelector('.answer')
|
|
266
252
|
|
|
253
|
+
const swal = require("sweetalert2")
|
|
254
|
+
|
|
267
255
|
let index
|
|
268
256
|
|
|
269
257
|
let count = 0
|
|
@@ -274,7 +262,7 @@
|
|
|
274
262
|
|
|
275
263
|
if (count === 1) {
|
|
276
264
|
|
|
277
|
-
al
|
|
265
|
+
swal('Congratulations!')
|
|
278
266
|
|
|
279
267
|
document.location.reload();
|
|
280
268
|
|
|
@@ -327,3 +315,13 @@
|
|
|
327
315
|
</html>
|
|
328
316
|
|
|
329
317
|
```
|
|
318
|
+
|
|
319
|
+
|
|
320
|
+
|
|
321
|
+
### ターミナルインストール時
|
|
322
|
+
|
|
323
|
+
$npm i sweetalert --save
|
|
324
|
+
|
|
325
|
+
でこんな表示になったのですがあってるのかも不安です…
|
|
326
|
+
|
|
327
|
+
]
|