185 lines
4.6 KiB
HTML
185 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>BRB - Shop</title>
|
|
|
|
<!-- By MrEidam & Standa Chlup -->
|
|
|
|
|
|
<!-- Custom Styles -->
|
|
<link rel="stylesheet" href="./css/shop.css">
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- BRB -->
|
|
<header>
|
|
<p class="link">
|
|
<a href="index.html" id="clickbrb">Go to BRB!</a>
|
|
</p>
|
|
|
|
<!-- Clicks -->
|
|
<div id="logclick">
|
|
<img src="https://i.postimg.cc/gntQwZth/Click.png" id="imgcli" draggable="false">
|
|
<p id="disclick"></p>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
|
|
<!-- I T E M S -->
|
|
<main>
|
|
<!-- Dog -->
|
|
<div id="logdog" class="item" style="--color: papayawhip">
|
|
<img src="https://i.postimg.cc/87F3Lzx0/Dog.png" id="imgdog">
|
|
|
|
<div class="buttons" style="--Bcolor: darkorange">
|
|
<button onclick="buydog()" class="buyone">
|
|
Buy a Dog for 100 clicks
|
|
</button>
|
|
<button onclick="mxdg()" class="buymax">
|
|
MAX
|
|
</button>
|
|
|
|
</div>
|
|
<p id="disdog"></p>
|
|
<p id="disdgmake"></p>
|
|
</div>
|
|
|
|
<!-- Cat -->
|
|
<div id="logcat" class="item">
|
|
<img src="./img/Cat.png" id="imgcat">
|
|
<div class="buttons"style="--Bcolor: orange">
|
|
<button onclick="buycat()" class="buyone">
|
|
Buy a Cat for 10 dogs
|
|
</button>
|
|
<button onclick="mxct()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="discat"></p>
|
|
<p id="disctmake"></p>
|
|
</div>
|
|
|
|
|
|
<!-- Fox -->
|
|
<div id="logfox" class="item">
|
|
<img src="./img/Fox.png" id="imgfox">
|
|
<div class="buttons" style="--Bcolor: lightsalmon">
|
|
<button onclick="buyfox()" class="buyone">
|
|
Buy a Fox for 15 dogs
|
|
</button>
|
|
<button onclick="mxfx()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="disfox"></p>
|
|
<p id="disfxmake"></p>
|
|
</div>
|
|
|
|
<!-- Wolf -->
|
|
<div id="logwol" class="item">
|
|
<img src="./img/Wolf.png" id="imgwol">
|
|
<div class="buttons" style="--Bcolor: lightgray">
|
|
<button onclick="buywol()" class="buyone">
|
|
Buy a Wolf for 6 dogs and 5 foxes
|
|
</button>
|
|
<button onclick="mxwl()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="diswol"></p>
|
|
<p id="diswlmake"></p>
|
|
</div>
|
|
|
|
|
|
<!-- Hamster -->
|
|
<div id="logham" class="item">
|
|
<img src="./img/Hamsta.png" draggable="false" id="imgham">
|
|
<div class="buttons" style="--Bcolor: wheat">
|
|
<button onclick="buyham()" class="buyone">
|
|
Buy a Hamster for 1 wolf and 2 cats
|
|
</button>
|
|
<button onclick="mxhm()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="disham"></p>
|
|
<p id="dishmmake"></p>
|
|
</div>
|
|
|
|
<!-- Whales -->
|
|
<div id="logwha" class="item">
|
|
<img src="./img/wha.png" draggable="false" id="imgwha">
|
|
<div class="buttons" style="--Bcolor: cyan">
|
|
<button onclick="buywha()" class="buyone">
|
|
Buy a Whale for 2 wolfs
|
|
</button>
|
|
<button onclick="mxwh()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="diswha"></p>
|
|
<p id="diswhmake"></p>
|
|
</div>
|
|
|
|
<!-- Cappybarra -->
|
|
<div id="logcap" class="item">
|
|
<img src="./img/capy.png" draggable="false" id="imgcap">
|
|
<div class="buttons" style="--Bcolor: rosybrown">
|
|
<button onclick="buycap()" class="buyone">
|
|
Buy a Cappybarra for 1 whale and 4 cats
|
|
</button>
|
|
<button onclick="mxcp()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="discap"></p>
|
|
<p id="discpmake"></p>
|
|
</div>
|
|
|
|
<!-- Lemons -->
|
|
<div id="loglem" class="item">
|
|
<img src="./img/Lemons.png" draggable="false" id="imglem">
|
|
<div class="buttons" style="--Bcolor: yellow">
|
|
<button onclick="buylem()" class="buyone">
|
|
Buy a Lemon for some cats
|
|
</button>
|
|
<button onclick="mxlm()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="dislem"></p>
|
|
<p id="dislmmake"></p>
|
|
</div>
|
|
|
|
|
|
<!-- Lemn t3-->
|
|
<div id="logLt3" class="item">
|
|
<img src="./img/Lemt3.png" draggable="false" id="imglt3">
|
|
<div class="buttons" style="--Bcolor: lightgoldenrodyellow">
|
|
<button onclick="buylt3()" class="buyone">
|
|
Buy a Lemon Tree for 5 lemons
|
|
</button>
|
|
<button onclick="mxlt()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="dislt3"></p>
|
|
<p id="disltmake"></p>
|
|
</div>
|
|
</main>
|
|
|
|
|
|
<!-- By MrEidam -->
|
|
<script src="shop.js"></script>
|
|
</body>
|
|
|
|
</html> |