blackjackgame/최준혁_202214041_05.html at main · nmmn1004/blackjackgame · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <link rel="shortcut icon" href="#">
  <link rel="stylesheet" href="./css/최준혁_202214041.css">
  <script type="text/javascript" src="./js/최준혁_202214041.js"></script>
  <title>blackJackGamePage</title>
</head>
<body class="customizing">
  <script>
    window.onload = function() {
      clickSoundPlay();
      chip.refresh();
      // const resetCardButton = document.getElementById('resetCardButton');
      // resetCardButton.addEventListener("click", cardReset);
    }
  </script>
  <a class="backButton" href="index.html">&lt;</a>
  <header>
    커스터마이징
  </header>
<table class="cardImgShop">
  <tbody>
    <tr><td><img class="backCard" src="./src/img/cardBackImg_0.png"></td>
      <td><img class="backCard" src="./src/img/cardBackImg_1.svg"></td>
      <td><img class="backCard" src="./src/img/cardBackImg_2.svg"></td>
      <td><img class="backCard" src="./src/img/cardBackImg_3.png"></td>
      <td><img class="backCard" src="./src/img/cardBackImg_4.png"></td></tr>
    <tr><td class="price0">기본</td>
      <td class="price">60.0k</td>
      <td class="price">60.0k</td>
      <td class="price">120.0k</td>
      <td class="price">150.0k</td></tr>
    <tr><td><button onclick="buyBackImg(0);">기본</button><button onclick="apply(0);"><green>적용</green></button></td>
      <td><button onclick="buyBackImg(1);"><red>구매</red></button><button onclick="apply(1);"><green>적용</green></button></td>
      <td><button onclick="buyBackImg(2);"><red>구매</red></button><button onclick="apply(2);"><green>적용</green></button></td>
      <td><button onclick="buyBackImg(3);"><red>구매</red></button><button onclick="apply(3);"><green>적용</green></button></td>
      <td><button onclick="buyBackImg(4);"><red>구매</red></button><button onclick="apply(4);"><green>적용</green></button></td></tr>
  </tbody>
  <!-- <button class="resetButton" id="resetCardButton">초기화</button> -->
  <aside>
    <audio id="audioPlayer" src="src/sound/BGM_customizing.mp3" autoplay loop onloadstart="this.volume = 0.2; this.play();"></audio>
  </aside>
</table>
  <footer>
    <div class="chipsArea">
      <p class="chips">Chips</p>
      <p id="chipsNumber"></p>
    </div>
  </footer>
</body>
</html>