commit

RyanHPaez · RyanHPaez · commit ccfb5ae70fee · 2022-03-05T19:44:32.000-08:00
diff --git a/app.js b/app.js
@@ -7,21 +7,24 @@ function startRace() {
     ratList.forEach((rat) => {
                 rat.run();            
     })
-
 }
 
 
+
 function resetRace() {
-  window.location.reload(false)
   // makes all the rats an array so it makes it easy to call them all out
       ratList= Array.from(document.getElementById("rats").children).map((ratElement)=> new Rat(ratElement.id));
       console.log ('ratListArray', ratList);
   // selects all rats and sets them to run
       ratList.forEach((rat) => {
-                  rat.ratElement.style.left = 0; 
+                  rat.ratElement.style.left = 0;  
                   
-
-                  console.log(rat)         
+                  
+                     
+                  
+                // user.funds = saveMoney;                
+                // window.location.reload;
+                // user.funds = getsaveMoney;
       })
   
   }
diff --git a/index.html b/index.html
@@ -9,17 +9,18 @@
     <link rel="stylesheet" href="./style.css" />
     <link rel="icon" type="imgage" src="image/flag.jpg"/>
     
-    <script src = "scores.js"></script>
+    
     <script src = "music.js"></script>
     <script src = "rat.js"></script>    
     <script src = "app.js"></script>
+    <script src = "results.js"></script>
+    <script src = "scores.js"></script>
+
     <title>Rat Race</title>
 </head>
 
 <body>
-
     <h1> Welcome to Rat Races</h1>
-
 <!-- this is my track that I built on another site -->
         <div id="track" class="track">
         <img src="image/Track.png" alt="Track">    
@@ -29,21 +30,16 @@ <h1> Welcome to Rat Races</h1>
 <div class = "main">
     <div class = "rat-container">
         <div id = "rats">
-
             <img id = "Rat1" style ="top: 77vh"
             class = "rat-image" src = "image/brownRat/rat.png"/>
-
             <img id = "Rat2" style ="top: 83vh"
             class = "rat-image" src = "image/greyRat/rat.png"/>
-
             <img id = "Rat3" style ="top: 89vh"
-            class = "rat-image" src = "image/whiteRat/rat.png"/>
-     
+            class = "rat-image" src = "image/whiteRat/rat.png"/>     
         </div>
-
     </div>
    
-<!-- this is my bet area -->
+<!-- this is my bet table area --------------------------------->
     <div id="bet">
         <p>You currently have <span id="funds">100</span></p>
         <label>Bet Amount ($)</label>
@@ -57,16 +53,13 @@ <h1> Welcome to Rat Races</h1>
         </select>
 
         <!-- start btton and reset button -->
-        <div id="user-button">
-                   
-            <button onclick = "startRace()">Start</button>
-            
-            <button onclick="resetRace();">Restart Race </button>                   
+        <div id="user-button">                   
+            <button onclick = "startRace()">Start</button>            
+            <button onclick="resetRace();">Restart Race </button>                  
         </div> 
     </div>
 </div>
 
-
 <div>
 <!-- this is my results on the table -->
 <table id="results">
@@ -77,19 +70,15 @@ <h1> Welcome to Rat Races</h1>
     </tr>
     </thead>
     <tr>
-        <td>Winner</td>
+        <td>Who will win?</td>
         <td class="Rat1"></td>
-    </tr>
-    
-</table>
- 
+    </tr>    
+</table> 
 </div>  
 
-
 <div>
 <!-- this is my background -->
-    <style>
-    
+    <style>    
     body {
       background-image: url('image/street.jpg');    
     }
@@ -98,17 +87,13 @@ <h1> Welcome to Rat Races</h1>
 
 <!-- this is my audio-->
 <div id="player">
-
     <!-- <audio controls autoplay hidden>
      <source src="music/bensound-moose.mp3" type="audio/mp3">
     </audio> -->
-
      <div class="slidecontainer">
         <input type="range" min="1" max="100" value="50" class="slider" id="myRange">
     </div>
 
-</div>                
-
+</div> 
 </body>
-
 </html>
diff --git a/rat.js b/rat.js
@@ -29,14 +29,19 @@ run() {
            
             if (winningRat == (user.betRat)) {
                user.funds = Number(user.funds) + Number(user.bet)
-               document.getElementById("funds").textContent = user.funds 
-               window.alert(this.id + "Wins!" );//alerts window
+               document.getElementById("funds").textContent = user.funds                
+               document.getElementById("results").textContent = results.winner
+               return this.winner
+            
+            
             } else   { 
                 user.funds = Number(user.funds) - Number(user.bet)
                 document.getElementById("funds").textContent = user.funds
-                window.alert(this.id + "Lost!" );//alerts window
+                document.getElementById("results").textContent = results.lost
+                return this.lost               
+                
             }
-
+           
         }
     }   
 },100/(Math.random() * 20 + 15));// make a different winner everytime
diff --git a/results.js b/results.js
@@ -0,0 +1,23 @@
+// this page will only work if window onload is here
+window.onload = function () {
+    //  setting values and textcontent to objects
+    results = {
+        winner: document.getElementById(this.id).textContent,
+       lost:  document.getElementById(this.id).textContent,
+       
+       }
+        // adding event listeners to object
+       document.getElementById("results").addEventListener('Rat1');
+       
+       
+       
+}
+// identifying what user will control
+var results = {
+ winner: ("Your Rat Wins!"),
+ lost: ("You Lost, better luck next time.")
+ 
+
+}
+
+
diff --git a/scores.js b/scores.js
@@ -4,13 +4,11 @@ window.onload = function () {
     user = {
         funds: document.getElementById("funds").textContent,
         bet: document.getElementById("amount").value,
-        betRat: document.getElementById("betRat").value,
-       
+        betRat: document.getElementById("betRat").value,      
        }
         // adding event listeners to object
        document.getElementById("amount").addEventListener('change', change);
-       document.getElementById("betRat").addEventListener('change', changeBetRat);
-       
+       document.getElementById("betRat").addEventListener('change', changeBetRat);       
        
 }
 // identifying what user will control
@@ -31,3 +29,12 @@ function changeBetRat (event) {
     
 }
 
+// function saveMoney (event) {
+//     user.funds = amount.funds;
+//     localStorage.setItem('user','funds')
+// }
+// console.log (localStorage)
+
+// function getsaveMoney (event){
+//     localStorage.getItem('user','funds');
+// }
