Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype HTML>
- <html>
- <head>
- <meta charset="utf-8">
- <title>Cat Clicker</title>
- <style>
- body{
- margin:auto;
- padding:auto;
- background-color:LightGray;
- }
- #container{
- }
- #game{
- display:relative;
- }
- #top {
- margin:0px;
- padding:10px;
- background-color:black;
- color:gray;
- min-width:100%;
- }
- #left {
- width:20%;
- float:left;
- min-height:100%;
- }
- #center {
- width:40%;
- float:left;
- min-height:100%;
- }
- #right {
- width:40%;
- float:left;
- min-height:100%;
- }
- #licznik{
- margin-top:50px;
- }
- #mps{
- margin-top:20px;
- }
- .liczniki {
- background-color:DarkGray;
- border: 2px solid Black;
- margin-left:50px;
- margin-right:50px;
- font-size:30;
- padding:10px;
- }
- .UpgradeMPS{
- margin:5px;
- padding:10px;
- background-color:DarkGray;
- border: 2px solid Black;
- }
- </style>
- <script src="js/obrazek.js"></script>
- <script>
- //Global Var-----------------------------------------------------------------------------
- var Money = 0;
- var MoneyPerSecond = 0;
- //Items Var------------------------------------------------------------------------------
- //Item 1 Var-------------------------------------------------------------------------
- var Item1Number = 0;
- var Item1Cost = 10;
- var Item1Power = 0;
- //Item 2 Var-------------------------------------------------------------------------
- var Item2Number = 0;
- var Item2Cost = 100;
- var Item2Power = 0;
- //Item 3 Var-------------------------------------------------------------------------
- var Item3Number = 0;
- var Item3Cost = 500;
- var Item3Power = 0;
- //Item 4 Var-------------------------------------------------------------------------
- var Item4Number = 0;
- var Item4Cost = 1500;
- var Item4Power = 0;
- //Item 5 Var-------------------------------------------------------------------------
- var Item5Number = 0;
- var Item5Cost = 5000;
- var Item5Power = 0;
- //Item 6 Var-------------------------------------------------------------------------
- var Item6Number = 0;
- var Item6Cost = 10000;
- var Item6Power = 0;
- //funkcja klikania-----------------------------------------------------------------------
- function AddMoney(number)
- {
- Money=Money + number;
- document.getElementById("MoneyCount").innerHTML = Money.toFixed(0);
- }
- /*funkcja przyrost kosztów !!!--- kiedyś sie zrobi ---!!!
- function MoreItemCost()
- {
- }
- */
- //Funkcja money per second
- function MPS(){
- MoneyPerSecond = Item1Power+Item2Power+Item3Power+Item4Power+Item5Power+Item6Power;
- document.getElementById("MoneyPerSecond").innerHTML = MoneyPerSecond.toFixed(0);
- }
- //Items----------------------------------------------------------------------------------
- //Item 1-----------------------------------------------------------------------------
- function BuyItem1()
- {
- if (Money >= Item1Cost)
- {
- Money = Money - Item1Cost;
- Item1Number = Item1Number + 1;
- Item1Cost = Item1Cost + 10;
- Item1Power = Item1Power + 1.2;
- document.getElementById("Item1Number").innerHTML = Item1Number;
- document.getElementById("Item1Cost").innerHTML = Item1Cost.toFixed(0);
- document.getElementById("MoneyCount").innerHTML = Money.toFixed(0);
- }
- }
- //Item 2-----------------------------------------------------------------------------
- function BuyItem2()
- {
- if (Money >= Item2Cost)
- {
- Money = Money - Item2Cost;
- Item2Number = Item2Number + 1;
- Item2Cost = Item2Cost * 2;
- Item2Power = Item2Power + 15;
- document.getElementById("Item2Number").innerHTML = Item2Number;
- document.getElementById("Item2Cost").innerHTML = Item2Cost.toFixed(0);
- document.getElementById("MoneyCount").innerHTML = Money.toFixed(0);
- }
- }
- //Item 3-----------------------------------------------------------------------------
- function BuyItem3()
- {
- if (Money >= Item3Cost)
- {
- Money = Money - Item3Cost;
- Item3Number = Item3Number + 1;
- Item3Cost = Item3Cost * 2;
- Item3Power = Item3Power + 50;
- document.getElementById("Item3Number").innerHTML = Item3Number;
- document.getElementById("Item3Cost").innerHTML = Item3Cost.toFixed(0);
- document.getElementById("MoneyCount").innerHTML = Money.toFixed(0);
- }
- }
- //Item 4-----------------------------------------------------------------------------
- function BuyItem4()
- {
- if (Money >= Item4Cost)
- {
- Money = Money - Item4Cost;
- Item4Number = Item4Number + 1;
- Item4Cost = Item4Cost * 2;
- Item4Power = Item4Power + 100;
- document.getElementById("Item4Number").innerHTML = Item4Number;
- document.getElementById("Item4Cost").innerHTML = Item4Cost.toFixed(0);
- document.getElementById("MoneyCount").innerHTML = Money.toFixed(0);
- }
- }
- //Item 5-----------------------------------------------------------------------------
- function BuyItem5()
- {
- if (Money >= Item5Cost)
- {
- Money = Money - Item5Cost;
- Item5Number = Item5Number + 1;
- Item5Cost = Item5Cost *2;
- Item5Power = Item5Power + 150;
- document.getElementById("Item5Number").innerHTML = Item5Number;
- document.getElementById("Item5Cost").innerHTML = Item5Cost.toFixed(0);
- document.getElementById("MoneyCount").innerHTML = Money.toFixed(0);
- }
- }
- //Item 6-----------------------------------------------------------------------------
- function BuyItem6()
- {
- if (Money >= Item6Cost)
- {
- Money = Money - Item6Cost;
- Item6Number = Item6Number + 1;
- Item6Cost = Item6Cost * 2;
- Item1Power = Item6Power + 400;
- document.getElementById("Item6Number").innerHTML = Item6Number;
- document.getElementById("Item6Cost").innerHTML = Item6Cost.toFixed(0);
- document.getElementById("MoneyCount").innerHTML = Money.toFixed(0);
- }
- }
- //Interval------------------------------------------------------------------------------
- window.setInterval(function()
- {
- AddMoney(Item1Power);
- AddMoney(Item2Power);
- AddMoney(Item3Power);
- AddMoney(Item4Power);
- AddMoney(Item5Power);
- AddMoney(Item6Power);
- },1000)
- </script>
- </head>
- <body>
- <div id="container">
- <div id="top">
- <span>Bongo Cat Clicker</span>
- </div>
- <div id="game">
- <div id="left">
- <div id="licznik" class="liczniki">Amount of money:<span id="MoneyCount">0</span>$</div>
- <div id="mps" class="liczniki">Money Per Second:<span id="MoneyPerSecond">0</span></div>
- </div>
- <div id="center">
- <!-- w linijce niżej w AddMoney () w nawiasie ustawiasz liczbe na kliknięcie ale do testu tego 1.2 powinno być spoko -->
- <img id="iImg" class="Klik" src="img/up.png" onclick="AddMoney(1.2); fSetImg()">
- </div>
- <div id="right">
- <div id="Item1" class="UpgradeMPS" onclick="BuyItem1();MPS()">
- Item1 + 1 mps <br>
- You Have: <span id="Item1Number">0</span> <br>
- Cost: <span id="Item1Cost">10</span> <br>
- Click Here To Buy Item!
- </div>
- <div id="Item2" class="UpgradeMPS" onclick="BuyItem2();MPS()">
- Item2 + 15 mps<br>
- You Have: <span id="Item2Number">0</span> <br>
- Cost: <span id="Item2Cost">100</span> <br>
- Click Here To Buy Item!
- </div>
- <div id="Item3" class="UpgradeMPS" onclick="BuyItem3();MPS()">
- Item3 + 50 mps <br>
- You Have: <span id="Item3Number">0</span> <br>
- Cost: <span id="Item3Cost">1000</span> <br>
- Click Here To Buy Item!
- </div>
- <div id="Item4" class="UpgradeMPS" onclick="BuyItem4();MPS()">
- Item4 +100 mps <br>
- You Have: <span id="Item4Number">0</span> <br>
- Cost: <span id="Item4Cost">1500</span> <br>
- Click Here To Buy Item!
- </div>
- <div id="Item5" class="UpgradeMPS" onclick="BuyItem5();MPS()">
- Item5 +150 mps<br>
- You Have: <span id="Item5Number">0</span> <br>
- Cost: <span id="Item5Cost">5000</span> <br>
- Click Here To Buy Item!
- </div>
- <div id="Item6" class="UpgradeMPS" onclick="BuyItem6();MPS()">
- Item6 + 400 mps <br>
- You Have: <span id="Item6Number">0</span> <br>
- Cost: <span id="Item6Cost">10000</span> <br>
- Click Here To Buy Item!
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement