回答編集履歴
3
テキスト修正
answer
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
[lodash](https://lodash.com/)
|
|
6
6
|
|
|
7
|
-
を使った回答を示します。
|
|
7
|
+
を使った回答を示します。HTMLのほうも若干、`class`を追加したりなど修正しています。
|
|
8
8
|
|
|
9
9
|
```html
|
|
10
10
|
<form name="form1">
|
2
テキスト修正
answer
CHANGED
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
const users = document.getElementsByClassName('user');
|
|
64
64
|
const userInputNumbers = Array.prototype.map.call(users, (user) => Number(user.value)).filter(x => x);
|
|
65
65
|
|
|
66
|
-
// cpu1からcpu6までと、userInputNumbers とで共通しているナンバーの
|
|
66
|
+
// cpu1からcpu6までと、userInputNumbers とで共通しているナンバーの配列を取得
|
|
67
67
|
const matchedNumbers = _.intersection(cpu.slice(0, userInputNumbers.length), userInputNumbers);
|
|
68
68
|
|
|
69
69
|
// 結果を判定して表示
|
|
@@ -93,4 +93,4 @@
|
|
|
93
93
|
};
|
|
94
94
|
```
|
|
95
95
|
|
|
96
|
-
**動作確認用のサンプル：** [https://jsfiddle.net/jun68ykt/vqbxg219/
|
|
96
|
+
**動作確認用のサンプル：** [https://jsfiddle.net/jun68ykt/vqbxg219/3/](https://jsfiddle.net/jun68ykt/vqbxg219/3/)
|
1
テキスト修正
answer
CHANGED
|
@@ -6,6 +6,39 @@
|
|
|
6
6
|
|
|
7
7
|
を使った回答を示します。
|
|
8
8
|
|
|
9
|
+
```html
|
|
10
|
+
<form name="form1">
|
|
11
|
+
<br>
|
|
12
|
+
<span id="user">num:</span>
|
|
13
|
+
<input type="text" value="" name="user" id="user1" class="user">
|
|
14
|
+
<input type="text" value="" name="user" id="user2" class="user">
|
|
15
|
+
<input type="text" value="" name="user" id="user3" class="user">
|
|
16
|
+
<input type="text" value="" name="user" id="user4" class="user">
|
|
17
|
+
<input type="text" value="" name="user" id="user5" class="user">
|
|
18
|
+
<input type="text" value="" name="user" id="user6" class="user">
|
|
19
|
+
<br>
|
|
20
|
+
<input type="button" value="クリック！" name="win" id="win"><br>
|
|
21
|
+
<span id="cpu">cpu:</span>
|
|
22
|
+
<input type="text" value="" name="com" id="cpu1" readonly class="cpu">
|
|
23
|
+
<input type="text" value="" name="com" id="cpu2" readonly class="cpu">
|
|
24
|
+
<input type="text" value="" name="com" id="cpu3" readonly class="cpu">
|
|
25
|
+
<input type="text" value="" name="com" id="cpu4" readonly class="cpu">
|
|
26
|
+
<input type="text" value="" name="com" id="cpu5" readonly class="cpu">
|
|
27
|
+
<input type="text" value="" name="com" id="cpu6" readonly class="cpu">
|
|
28
|
+
<br>
|
|
29
|
+
<span id="bonus">ラッキーナンバー</span>
|
|
30
|
+
<input type="text" value="" name="com" id="cpu7" readonly class="cpu">
|
|
31
|
+
<br>
|
|
32
|
+
<br>
|
|
33
|
+
<span id="res">当選結果</span>
|
|
34
|
+
</form>
|
|
35
|
+
<hr />
|
|
36
|
+
<div>
|
|
37
|
+
<ul>
|
|
38
|
+
<li>cpu1からcpu6までと、ユーザー入力とで共通しているナンバー: <span id="json-matchedNumbers"/>
|
|
39
|
+
</ul>
|
|
40
|
+
</div>
|
|
41
|
+
```
|
|
9
42
|
```javascript
|
|
10
43
|
function check7() {
|
|
11
44
|
|