回答編集履歴
2
追記
answer
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
もし、完全に1から9まででいいなら、自分だったらこんな感じにする。
|
|
2
2
|
|
|
3
|
+
### 解説ありのコード
|
|
3
4
|
```JS
|
|
4
5
|
|
|
5
6
|
let elem=document.querySelector('p'); // 解説省略
|
|
@@ -16,6 +17,26 @@
|
|
|
16
17
|
|
|
17
18
|
```
|
|
18
19
|
|
|
20
|
+
### 解説なしのコード
|
|
21
|
+
|
|
22
|
+
```JS
|
|
23
|
+
|
|
24
|
+
let elem=document.querySelector('p');
|
|
25
|
+
let btn=document.querySelector('button');
|
|
26
|
+
|
|
27
|
+
a = [1,2,3,4,5,6,7,8,9];
|
|
28
|
+
|
|
29
|
+
btn.addEventListener('click',()=>{
|
|
30
|
+
r = Math.floor(Math.random()*(a.length - 1));
|
|
31
|
+
tmp = a[r];
|
|
32
|
+
a.splice(r, 1);
|
|
33
|
+
elem.innerHTML = tmp;
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
### サンプルと一言
|
|
39
|
+
|
|
19
40
|
こういうコードを実務で書くことってほとんどないと思うけど...
|
|
20
41
|
|
|
21
42
|
[サンプル](https://codepen.io/asuchi0819/pen/rNavXpd?editors=0010)
|
1
追記
answer
CHANGED
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
```JS
|
|
4
4
|
|
|
5
|
-
let elem=document.querySelector('p');
|
|
5
|
+
let elem=document.querySelector('p'); // 解説省略
|
|
6
|
-
let btn=document.querySelector('button');
|
|
6
|
+
let btn=document.querySelector('button'); // 解説省略
|
|
7
7
|
|
|
8
|
-
a = [1,2,3,4,5,6,7,8,9];
|
|
8
|
+
a = [1,2,3,4,5,6,7,8,9]; // 解説省略
|
|
9
9
|
|
|
10
|
-
btn.addEventListener('click',()=>{
|
|
10
|
+
btn.addEventListener('click',()=>{ // 解説省略
|
|
11
|
-
r = Math.floor(Math.random()*(a.length - 1));
|
|
11
|
+
r = Math.floor(Math.random()*(a.length - 1)); // aの配列の個数から、一個少ない数を最大値とした乱数を生成
|
|
12
|
-
tmp = a[r];
|
|
12
|
+
tmp = a[r]; // 解説省略
|
|
13
|
-
a.splice(r, 1);
|
|
13
|
+
a.splice(r, 1); // 該当する配列を削除
|
|
14
|
-
elem.innerHTML = tmp
|
|
14
|
+
elem.innerHTML = tmp; // 解説省略
|
|
15
|
-
});
|
|
15
|
+
}); // 解説省略
|
|
16
16
|
|
|
17
17
|
```
|
|
18
18
|
|