nguyent063

game.html

Feb 21st, 2021
128
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.93 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.       <meta charset="UTF-8">
  5.       <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.       <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.       <title>Monkey Market Game</title>
  8.       <link href="style.css" rel="stylesheet" type="text/css"/>
  9.       <link href="https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap" rel="stylesheet">
  10.       <link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet">
  11.       <link href="https://fonts.googleapis.com/css2?family=Concert+One&display=swap" rel="stylesheet">
  12.   </head>
  13.  
  14.   <body>
  15.     <div class="topnav">
  16.       <a href="index.html">Home</a>
  17.       <a href="game.html">Game</a>
  18.       <a href="about.html">About</a>
  19.       <img src="Monkey Market Logo.svg" alt="Logo">
  20.     </div>
  21.  
  22.     <h1>Monkey Market Game</h1>
  23.  
  24.     <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  25.    
  26.     <h2 id = "stockShower">&nbsp;</h2>
  27.  
  28.     <div class="chartContainer">
  29.       <div id="curve_chart" style="width: 45rem; height: 25rem"></div>
  30.     </div>
  31.  
  32.     <div class="userInfo">
  33.       <h2 id="timer"></h2>
  34.  
  35.       <h2 id="date"></h2>
  36.  
  37.       <h2 id="netWorthhhh">Net Worth: <span>5000</span></h2>
  38.  
  39.       <h2 id="cashRemaining">Monkey Money: <span>5000</span></h2>
  40.  
  41.       <h2 id="news">News: <span> Nothing much is happening...</span></h2>
  42.     </div> <!--userInfo-->
  43.  
  44.     <div class="stockContainer">
  45.       <h2 id="stockHeaderText">  </h2>
  46.  
  47.       <div class="scroll">
  48.         <div id="monkeySoft" name="stockButton">
  49.           <h3>MonkeySoft</h3>
  50.           <div class="stats">
  51.             <h4 id="monkeysoftInven">Amount: 0</h4>
  52.           </div>
  53.           <div class="stats">
  54.             <h4 id ="monkeysoftH4">Price: 50MM</h4>
  55.           </div>
  56.  
  57.           <div class="clear"></div>
  58.  
  59.           <form>
  60.             <input type="text" id="monkeysoftNum">
  61.           </form>
  62.           <button id="buy" value = "MonkeySoft" onclick="buyStock(this.value)">Buy</button>
  63.           <button id="sell" value = "MonkeySoft" onclick="sellStock(this.value)">Sell</button>
  64.         </div> <!--test button that holds stock name as well as the buy and sell button-->
  65.        
  66.         <div id="apeBook" name="stockButton">
  67.           <h3>ApeBook</h3>
  68.           <div class="stats">
  69.             <h4 id="apebookInven">Amount: 0</h4>
  70.           </div>
  71.           <div class="stats">
  72.             <h4 id ="apebookH4" >Price: 100MM</h4>
  73.           </div>
  74.  
  75.           <div class="clear"></div>
  76.          
  77.            <form>
  78.             <input type="text" id="apebookNum">
  79.           </form>
  80.           <button id="buy" value = "ApeBook" onclick="buyStock(this.value)">Buy</button>
  81.           <button id="sell" value = "ApeBook" onclick="sellStock(this.value)">Sell</button>
  82.         </div>
  83.  
  84.         <div id="alibaboon" name="stockButton">
  85.           <h3>Alibaboon</h3>
  86.           <div class="stats">
  87.             <h4 id="alibaboonInven">Amount: 0</h4>
  88.           </div>
  89.           <div class="stats">
  90.             <h4 id ="alibaboonH4">Price: 250MM</h4>
  91.           </div>
  92.  
  93.           <div class="clear"></div>
  94.          
  95.           <form>
  96.             <input type="text" id="alibaboonNum">
  97.           </form>
  98.           <button id="buy" value = "Alibaboon" onclick="buyStock(this.value)">Buy</button>
  99.           <button id="sell" value = "Alibaboon" onclick="sellStock(this.value)">Sell</button>
  100.         </div>
  101.  
  102.         <div id="gorillaStop" name="stockButton">
  103.           <h3>GorillaStop</h3>
  104.           <div class="stats">
  105.             <h4 id="gorillastopInven">Amount: 0</h4>
  106.           </div>
  107.           <div class="stats">
  108.             <h4 id ="gorillastopH4">Price: 150MM</h4>
  109.           </div>
  110.  
  111.           <div class="clear"></div>
  112.          
  113.           <form>
  114.             <input type="text" id="gorillastopNum">
  115.           </form>
  116.           <button id="buy" value = "GorillaStop" onclick="buyStock(this.value)">Buy</button>
  117.           <button id="sell" value = "GorillaStop" onclick="sellStock(this.value)">Sell</button>
  118.         </div>
  119.  
  120.         <div id="capuchin" name="stockButton">
  121.           <h3>Capuchin & Capuchin</h3>
  122.          <div class="stats">
  123.            <h4 id="capuchinInven">Amount: 0</h4>
  124.          </div>
  125.          <div class="stats">
  126.            <h4 id ="capuchinH4">Price: 500MM</h4>
  127.          </div>
  128.  
  129.          <div class="clear"></div>
  130.          
  131.          <form>
  132.            <input type="text" id="capuchinandcapuchinNum">
  133.          </form>
  134.          <button id="buy" value = "CapuchinAndCapuchin" onclick="buyStock(this.value)">Buy</button>
  135.          <button id="sell" value = "CapuchinAndCapuchin" onclick="sellStock(this.value)">Sell</button>
  136.        </div>
  137.  
  138.        <div id="apeBNB" name="stockButton">
  139.          <h3>ApeBNB</h3>
  140.          <div class="stats">
  141.            <h4 id="apebnbInven">Amount: 0</h4>
  142.          </div>
  143.          <div class="stats">
  144.            <h4 id ="apebnbH4">Price: 375MM</h4>
  145.          </div>
  146.  
  147.          <div class="clear"></div>
  148.          
  149.          <form>
  150.            <input type="text" id="apebnbNum">
  151.          </form>
  152.          <button id="buy" value = "ApeBNB" onclick="buyStock(this.value)">Buy</button>
  153.          <button id="sell" value = "ApeBNB" onclick="sellStock(this.value)">Sell</button>
  154.        </div>
  155.  
  156.        <!--
  157.        <div id="apeBook" name="stockButton">
  158.          <h3>Apebook</h3>
  159.          <button id="buy">Buy</button>
  160.          <button id="sell">Sell</button>
  161.          <form>
  162.            <input type="text">
  163.          </form>
  164.        </div>
  165.  
  166.        <div id="alibaboon" name="stockButton">
  167.          <h3>Alibaboon</h3>
  168.          <button id="buy">Buy</button>
  169.          <button id="sell">Sell</button>
  170.          <form>
  171.            <input type="text">
  172.          </form>
  173.        </div>
  174.  
  175.        <div id="chimPanBee" name="stockButton">
  176.          <h3>GorillaStop</h3>
  177.          <button id="buy">Buy</button>
  178.          <button id="sell">Sell</button>
  179.          <form>
  180.            <input type="text">
  181.          </form>
  182.        </div>
  183.  
  184.        <div id="noNameYet" name="stockButton">
  185.          <h3>Capuchin & Capuchin</h3>
  186.          <button id="buy">Buy</button>
  187.          <button id="sell">Sell</button>
  188.          <form>
  189.            <input type="text">
  190.          </form>
  191.        </div>
  192.  
  193.        <div id="minuteMonkey" name="stockButton">
  194.          <h3>ApeBNB</h3>
  195.          <button id="buy">Buy</button>
  196.          <button id="sell">Sell</button>
  197.          <form>
  198.            <input type="text">
  199.          </form>
  200.        </div>
  201.        -->
  202.      </div> <!--scroll-->
  203.    </div>
  204.  
  205.    <div class="clear"></div>
  206.  </body>
  207.  <script src="chart.js"></script>
  208.  <script src="script.js"></script>
  209.  <script crossorigin src="https://unpkg.com/react@17/umd/react.development.js%22%3E</script>
  210.  <script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js%22%3E</script>
  211. </html>
Advertisement
Add Comment
Please, Sign In to add comment