回答編集履歴
1
調整
test
CHANGED
@@ -1,2 +1,51 @@
|
|
1
1
|
ちょっと仕様がわかりかねますが画像を予め用意しておいて
|
2
|
-
imgタグで画像を挿入するだけだと思いますが
|
2
|
+
imgタグで画像を挿入するだけだと思いますが、画像である必要もないかも
|
3
|
+
|
4
|
+
```javascript
|
5
|
+
<style>
|
6
|
+
.red{color:red;}
|
7
|
+
</style>
|
8
|
+
<table>
|
9
|
+
<tbody id="wrap">
|
10
|
+
</tbody>
|
11
|
+
</table>
|
12
|
+
<script>
|
13
|
+
var trump=["♠","♥","♦","♣"];
|
14
|
+
var number = ["A","2","3","4","5","6","7","8","9","0","J","Q","K"];
|
15
|
+
var cards = [];
|
16
|
+
|
17
|
+
function Card(suit, num) {
|
18
|
+
this.trump = suit;
|
19
|
+
this.number = num;
|
20
|
+
}
|
21
|
+
for (var i = 0; i < trump.length; i++) {
|
22
|
+
for (var a = 1; a <= 13; a++) {
|
23
|
+
var card = new Card(trump[i], number[a-1]);
|
24
|
+
cards.push(card);
|
25
|
+
}
|
26
|
+
}
|
27
|
+
function shuffle(arrays) {
|
28
|
+
var array = arrays.slice();
|
29
|
+
for (var i = array.length - 1; i >= 0; i--) {
|
30
|
+
var randomIndex = Math.floor(Math.random() * (i + 1));
|
31
|
+
[array[i], array[randomIndex]] = [array[randomIndex], array[i]];
|
32
|
+
}
|
33
|
+
return array;
|
34
|
+
}
|
35
|
+
function shuffleCard(){
|
36
|
+
var shuffled = shuffle(cards);
|
37
|
+
for (var i = 0; i < trump.length; i++) {
|
38
|
+
var elem1 = document.createElement("tr");
|
39
|
+
document.getElementById("wrap").appendChild(elem1);
|
40
|
+
for (var j = 0; j < 13; j++) {
|
41
|
+
var elem2 = document.createElement("td");
|
42
|
+
var color=["♥","♦"].includes(shuffled[i*13+j].trump)?"red":"black";
|
43
|
+
elem2.classList.add(color)
|
44
|
+
elem2.innerHTML = shuffled[i*13+j].trump + shuffled[i*13+j].number;
|
45
|
+
document.getElementById("wrap").appendChild(elem2);
|
46
|
+
}
|
47
|
+
}
|
48
|
+
}
|
49
|
+
shuffleCard();
|
50
|
+
</script>
|
51
|
+
```
|