Advertisement
Guest User

index.html

a guest
Sep 27th, 2021
70
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 2.32 KB | None
  1. <html>
  2.     <head>
  3.         <meta charset="UTF-8">
  4.     </head>
  5.     <body>
  6.         <div id='output'>
  7.             <ul id='messageBufferList'>
  8.                 <li class='message'></li>
  9.                 <li class='message'></li>
  10.                 <li class='message'></li>
  11.                 <li class='message'></li>
  12.                 <li class='message'></li>
  13.                 <li class='message'></li>
  14.                 <li class='message'></li>
  15.                 <li class='message'></li>
  16.                 <li class='message'></li>
  17.                 <li class='message'></li>
  18.             </ul>
  19.  
  20.             <div id='status'>
  21.                 Age: <span id='ageString'>-</span> &nbsp;&nbsp;&nbsp;&nbsp; AP: <span id='actionPtsString'>-</span>
  22.             </div>
  23.  
  24.         </div>
  25.         <div id='input'>
  26.             <button id='restBtn'>rest</button>
  27.             <button id='wanderBtn'>wander</button>
  28.         </div>
  29.  
  30.          <script>
  31.             // html element selection goes here
  32.             var ageString       = document.querySelector("#ageString");
  33.             var actionPtsString     = document.querySelector("#actionPtsString");
  34.  
  35.             var restBtn     = document.querySelector("#restBtn");
  36.             var wanderBtn       = document.querySelector("#wanderBtn");
  37.             restBtn.addEventListener    ("click",rest);
  38.             wanderBtn.addEventListener  ("click",wander);
  39.            
  40.              var messageList    = document.querySelectorAll(".message");
  41.  
  42.             //
  43.  
  44.             var age         = 0;
  45.             var actionPts       = 15;
  46.  
  47.             var messageBuffer   = [];
  48.  
  49.  
  50.             function updateStatus()
  51.             {
  52.                 ageString.innerText = age.toString();
  53.                 actionPtsString.innerText = actionPts.toString();
  54.             }
  55.  
  56.  
  57.             function addMessage(str)
  58.             {
  59.                 messageBuffer.push(str);
  60.  
  61.                 for (i = 0; i < messageList.length ; i++) {
  62.                     var ln = messageList[messageList.length - i - 1];
  63.                     var message = messageBuffer[messageBuffer.length - i - 1];
  64.  
  65.                     if (message) ln.innerText = message;
  66.                 }
  67.                
  68.             }
  69.  
  70.             function rest()
  71.             {
  72.                 if (age >= 120) {
  73.                         addMessage("You die!");
  74.                         actionPts = 0;
  75.                         restBtn.disabled = true;
  76.                         wanderBtn.disabled = true;
  77.                     } else {
  78.                         addMessage("You rest.");
  79.                         age++;
  80.                         actionPts = 15
  81.                     }
  82.  
  83.                 updateStatus();
  84.             }
  85.  
  86.             function wander()
  87.             {
  88.                 apCost = 5
  89.                 if (actionPts >= apCost) {
  90.                     addMessage("You wander around.");
  91.                     actionPts -= apCost
  92.                     updateStatus;
  93.                 } else addMessage("Not enough AP.")
  94.  
  95.                 updateStatus();
  96.             }
  97.  
  98.  
  99.             function initGame()
  100.             {
  101.                 updateStatus();
  102.                 addMessage("The game begins.");
  103.             }
  104.  
  105.             initGame();
  106.  
  107.          </script>
  108.     </body>
  109. </html>
  110.  
Advertisement
RAW Paste Data Copied
Advertisement