Store Updated!

The store now shows the amount of strawberries, as well as only showing the amount you have of somthing when that plot is unlocked!
hnasheralneam · Jan 4, 2021 · 916663f · 916663f
1 parent f1ca661
commit 916663f
Show file tree

Hide file tree

Showing 15 changed files with 36 additions and 7 deletions.
diff --git a/Game/index.html b/Game/index.html
@@ -40,9 +40,10 @@
       </div>
       <div id="information">
          <h1>Produce</h1>
-         <div class="">
+         <div class="produce">
             <p id="peaBushels">0 Bushels of Peas</p>
             <p id="cornBushels">0 Bushels of Corn</p>
+            <p id="strawberryBushels">0 Bushels of Strawberries</p>
          </div>
          <button onclick="restart()">Restart</button>
       </div>

diff --git a/Game/main.js b/Game/main.js
@@ -3,17 +3,27 @@
 ~~~~~~~~~~~~~~~~~
 TABLE OF CONTENTS
 ~~~~~~~~~~~~~~~~~
+Idea               | Thoughts, plots, the lot
 Game Data          | All game information stored in object variables
 Peas               | All about the first plot
 Store              | Update the store
-Purchase Plots     | Functiona that unlock plots
+Purchase Plots     | Functions that unlock plots
 Setup              | Prepare game for returning player
 Settings           | So far, just restart
 Save               | Save the game data
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 // Initate JavaScript strict mode
 "use strict";
 
+/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+Ideas
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
+/*
+//Automate harvesting while active
+if (poltStatus.peas = "ready") {
+   document.getElementById("harvest1").click();
+}
+*/
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Game Data
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@@ -189,7 +199,7 @@ function harvestStrawberries() {
 
 function strawberriesStatus() {
    if (plotStatus.strawberries === "fruiting") {
-      document.getElementById("plot3").style.background = "url(../Images/fruiting-strawberry-plant.png)";
+      document.getElementById("plot3").style.background = "url(../Images/Plots/grown-strawberries.png)";
       document.getElementById("plot3").style.backgroundSize = "cover";
       document.getElementById("harvest3").style.opacity = "1";
       document.getElementById("harvest3").style.zIndex = "1";
@@ -271,8 +281,21 @@ function removeStrawberryLock() {
 
 function produceDisplay() {
    // Updates the amount of produce in store
-   document.getElementById("peaBushels").innerHTML = `${produce.peas} Bushels of Peas`
-   document.getElementById("cornBushels").innerHTML = `${produce.corn} Bushels of Corn`
+   // If the plot is unlocked
+   if (plots.peaplot === "unlocked") {
+      // Show the element
+      document.getElementById("peaBushels").style.visibility = "visible";
+      // Display the amount of that product
+      document.getElementById("peaBushels").innerHTML = `${produce.peas} Bushels of Peas`;
+   }
+   if (plots.cornplot === "unlocked") {
+      document.getElementById("cornBushels").style.visibility = "visible";
+      document.getElementById("cornBushels").innerHTML = `${produce.corn} Bushels of Corn`;
+   }
+   if (plots.strawberryplot === "unlocked") {
+      document.getElementById("strawberryBushels").style.visibility = "visible"; 
+      document.getElementById("strawberryBushels").innerHTML = `${produce.strawberries} Bushels of Strawberries`;
+   }
 }
 
 var plantStatus = window.setInterval(function() {

diff --git a/Game/styles.css b/Game/styles.css
@@ -56,15 +56,20 @@ body {
 
 #grow1, #grow2, #grow3 {
    transition: .2s;
-   border-radius: 1px;
+   border-radius: 2px;
    position: absolute;
    z-index: 1;
+   border: solid 2px black;
 }
 
 .locked {
    height: 130px;
 }
 
+.produce p {
+   visibility: hidden;
+}
+
 .remaining-crop-time {
    border: solid 2px #fff;
    border-radius: 5px;
@@ -80,7 +85,7 @@ body {
 
 #harvest1, #harvest2, #harvest3 {
    transition: .2s;
-   border-radius: 1px;
+   border-radius: 2px;
    opacity: 0;
    z-index: -1;
 }

diff --git a/Images/Plots/grown-strawberries.png b/Images/Plots/grown-strawberries.png
diff --git a/Images/beet.png → Images/Vegetables/beet.png b/Images/beet.png → Images/Vegetables/beet.png
diff --git a/Images/carrot-plant.png → Images/Vegetables/carrot-plant.png b/Images/carrot-plant.png → Images/Vegetables/carrot-plant.png
diff --git a/Images/corn-plant.png → Images/Vegetables/corn-plant.png b/Images/corn-plant.png → Images/Vegetables/corn-plant.png
diff --git a/Images/fruiting-strawberry-plant.png → .../Vegetables/fruiting-strawberry-plant.png b/Images/fruiting-strawberry-plant.png → .../Vegetables/fruiting-strawberry-plant.png
diff --git a/Images/pea-plant.png → Images/Vegetables/pea-plant.png b/Images/pea-plant.png → Images/Vegetables/pea-plant.png
diff --git a/Images/radish.png → Images/Vegetables/radish.png b/Images/radish.png → Images/Vegetables/radish.png
diff --git a/Images/sprout.png → Images/Vegetables/sprout.png b/Images/sprout.png → Images/Vegetables/sprout.png
diff --git a/Images/Vegetables/strawberry.png b/Images/Vegetables/strawberry.png
diff --git a/Images/turnip.png → Images/Vegetables/turnip.png b/Images/turnip.png → Images/Vegetables/turnip.png
diff --git a/Images/strawberry.png b/Images/strawberry.png
diff --git a/Images/young-tree.png b/Images/young-tree.png