You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
2.7 KiB
58 lines
2.7 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="css/bootstrap.css">
|
|
</head>
|
|
<body onload="initGame()" >
|
|
<div class="container text-center" id="game">
|
|
|
|
<h1 class="m-1"> Simple Battle Page</h1>
|
|
|
|
<ul id="enemy" class="list-group my-5">
|
|
<li class="list-group-item display-1 list-group-item-info">Nepřítel: <span id="enemyName">enemyName</span></li>
|
|
<li class="list-group-item display-3 list-group-item-danger">HP: <span id="enemyHp">enemyHp</span></li>
|
|
<li class="list-group-item display-5 list-group-item-primary">Útočné číslo: <span id="enemyDmg">enemyDmg</span></li>
|
|
</ul>
|
|
|
|
<div class="row ">
|
|
<div class="col-md-3">
|
|
<button onclick="heal()" class="btn btn-danger w-100 mb-2 btn-lg">Vylečit</button>
|
|
<br>
|
|
Máš <b class="bg-danger rounded text-white p-1"><span id="heroHp">heroHp</span> HP</b>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<button onclick="attack()" class="btn btn-primary w-100 mb-2 btn-lg">Útočit</button>
|
|
<br>
|
|
Zaútoč se svou zbraní. Tvoje ÚČ je <span id="heroDmg" class="bg-primary rounded text-white p-1">heroDmg</span>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<button onclick="defense()" class="btn btn-secondary w-100 mb-2 btn-lg">Bránit se</button>
|
|
<br>
|
|
Ubraň se. <span id="heroDefense" class="bg-secondary rounded text-white p-1">heroDefense</span>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<button onclick="luck()" class="btn btn-success w-100 mb-2 btn-lg">Náhoda</button>
|
|
<span class="bg-dark text-white">zkus své štěstí</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <ul id="hero">
|
|
<li><button onclick="heal()">Vylečit</button> - máš <span id="heroHp">heroHp</span> HP</li>
|
|
<li><button onclick="attack()">Útočit</button> - Zaútoč se svou zbraní. tvoje ÚČ je <span id="heroDmg">heroDmg</span></li>
|
|
<li><button onclick="defense()">Bránit se</button> - Ubraň se. <span id="heroDefense">heroDefense</span></li>
|
|
<li><button onclick="luck()">Náhoda</button> - zkus své štěstí</li>
|
|
</ul> -->
|
|
|
|
<h3 class="mt-5">Historie boje:</h3>
|
|
<ul id="battlelog" class="list-group">
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
<script src="js/game.js"></script>
|
|
<script src="js/bootstrap.bundle.js"></script>
|
|
</body>
|
|
</html>
|