You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
cardGame/public/index.html

106 lines
3.2 KiB
HTML

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/style.css">
<title>cardGame</title>
</head>
<body>
<div class="wrap">
<p>Rooms will not be HTML buttons eventually, but for now...</p>
<button onclick="requestRooms()" class="dib">Get Rooms</button>
<ul id="joinRoomButtons" class="joinRoomButtons dib" style="display:inline;">
</ul>
<button onclick="requestCreateRoom()" style="background:#EEE">Create Room</button>
</div>
<canvas id="canvas" width="1000" height="600"></canvas>
<hr>
<button onclick="untapAllZones()">Untap all</button>
<button onclick="echoCards()">Print cardlist to console</button>
<button onclick="echoCardsInDeck(0)">Print cardsInDeck for player0</button>
<button onclick="echoCardsInDeck(1)">Print cardsInDeck for player1</button>
<hr>
<div>
<button onclick="getItemsAndPrintFrontEnd()">Echo cards: </button>
<select name="boardElementId" id="boardElementId">
<option value="">All</option>
<option value="realDeck">realDeck</option>
<option value="deck">deck</option>
<option value="hand">hand</option>
<option value="mana">mana</option>
<option value="shield">shield</option>
<option value="board">board</option>
<option value="grave">grave</option>
</select>
<select name="playerId" id="playerId">
<option value="">All</option>
<option value="0">Player0</option>
<option value="1">Player1/Opponent</option>
</select>
<input name="listPositionId" id="listPositionId" placeholder="In position 1,2,3..."></input>
<select name="cardStatusId" id="cardStatusId">
<option value="">All</option>
<option value="attacking">Attacking</option>
<option value="tapped">Tapped</option>
</select>
<select name="itemOrCardData" id="itemOrCardData">
<option value="item">Item Data</option>
<option value="card">Card Data</option>
</select>
</div>
<hr>
<div>
<button onclick="debugEffect();">Debug Effect</button>
<input type="text" placeholder="damage amount (X000s)" id="effectDamageAmount">
<input type="text" placeholder="targetId" id="effectTargetId">
<input type="text" placeholder="targetId2" id="effectTargetId2">
<input type="text" placeholder="targetPlayer" id="effectTargetPlayer">
<select name="effectAddRemove" id="effectAddRemove">
<option value="add">Add</option>
<option value="remove">Remove</option>
</select>
<select name="effect" id="effect">
<option value="hurt">Hurt</option>
<option value="heal">Heal</option>
<option value="">-- Add/Remove --</option>
<option value="flight">Flight</option>
<option value="equipCard">Equip</option>
<option value="unequipCard">unEquip</option>
</select>
</div>
<hr>
<div>
<button onclick="requestStartGame()">(Re)start game</button>
<button onclick="requestRoomGeneration()">RequestRoomGeneration</button>
</div>
<script src="/socket.io/socket.io.js"></script>
<script src="/cards.js"></script><!-- Temp until DB -->
<script src="/shapes.js"></script>
<script src="/main.js"></script>
<script src="/board.js"></script>
<script src="/helper.js"></script>
<script src="/effect.js"></script>
<script src="/debug.js"></script>
</body>
</html>