JavaScriptソースコード

<h1>ハイ＆ロー</h1><p>【コンピューター】</p><p><img id="currentCard" src="card-back.png" alt="カード"></p><p>【プレイヤー】</p><p><img id="nextC...

<style>/* ゲームボードのスタイル */.game-board {display: flex;flex-wrap: wrap;width: 580px;}/* カードのスタイル */.card {width: 92px;height...

<style>#game-container {display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;width: 200px;margin-top: 20px;}but...

<style>#gameArea {width: 200px;height: 200px;background-color: lightgray;display: flex;align-items: center;justify-conte...

<style>/* スロットの数字を表示する領域 */#slots {display: flex;gap: 20px;margin: 20px 0;}/* 各スロットのスタイル */.slot {font-size: 48px;width:...

<h1>トランプを引く</h1><p><img id="result" src="card-back.png" alt="カード"></p><p id="comment"></p><button id="drawButton" onclic...

<style>.hand {display: flex;margin: 20px 0;}.hand img {height: auto;margin: 0 5px;}button {margin: 10px;padding: 10px 20...

<h1>トランプ対戦</h1><p>【コンピューター】</p><p><img id="computerResult" src="card-back.png" alt="カード"></p><p><img id="playerResult" s...

<h1>トランプを引く</h1><p><img id="result" src="card-back.png"></p><p id="comment"></p><button onclick="drawCard()">カードを引く</but...

<style>/* ゲームコンテナのスタイル */#game-container {display: grid;grid-template-columns: repeat(3, 100px);gap: 5px;margin-bottom: ...