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.
60 lines
2.6 KiB
60 lines
2.6 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Mini hra</title>
|
|
<link rel="stylesheet" href="css/bootstrap.css">
|
|
</head>
|
|
<body onload="init()">
|
|
<div id="game" class="container text-center">
|
|
<h1 class="m-1">Mini hra</h1>
|
|
<ul id="enemy" class="list-group my-5">
|
|
<li class="list-group-item display-1 list-group-item-info">Nepřítel: <b><span id="enemyName">_EnemyName_</span></b></li>
|
|
<li class="list-group-item display-3 list-group-item-danger">Životy: <b><span id="enemyHp">_EnemyHp_</span></b></li>
|
|
<li class="list-group-item display-5 list-group-item-primary">Útočné číslo: <b><span id="enemyDmg">_EnemyDmg_</span></b></li>
|
|
</ul>
|
|
|
|
|
|
<!-- div.row>div.col-md-3*4>button.btn.btn-lg.w-100 -->
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<button class="btn btn-lg w-100 btn-danger" onclick="heal()">Vyléčit</button>
|
|
<br><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 class="btn btn-lg w-100 btn-primary" onclick="attack()"> Útočit</button>
|
|
<br><br>
|
|
Zaútoč se zbraní. Tvoje ÚČ je <span id="heroDmg">_HeroDmg_</span>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<button class="btn btn-lg w-100 btn-secondary" onclick="defend()">Bránit</button>
|
|
<br><br>
|
|
Ubraň se. <span id="heroDef" class="bg-secondary rounded text-white p-1">_HeroDef_</span>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<button class="btn btn-lg w-100 btn-success" onclick="luck()">Náhoda</button>
|
|
<br><br>
|
|
<span class="bg-dark text-white p-1 rounded"> Zkus své Štěstí</span>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<!-- ul#hero>li*3>button -->
|
|
<!-- <ul id="hero">
|
|
<li>
|
|
<button onclick="heal()">Vyléčit</button>
|
|
- Máš <div id="heroHp" class="inline"></div> životů
|
|
</li>
|
|
<li><button onclick="attack()">Útočit</button></li>
|
|
<li><button onclick="defend()">Bránit</button></li>
|
|
<li><button onclick="luck()">Náhoda</button></li>
|
|
</ul> -->
|
|
<h3 class="mt-3">Historie boje:</h3>
|
|
<div id="battlelog" class="list-group"></div>
|
|
|
|
</div>
|
|
<script src="hra.js"></script>
|
|
<script src="js/bootstrap.bundle.js"></script>
|
|
</body>
|
|
</html>
|