I have started adding the fruit Images and Names

Abbby1007 · Aug 15, 2024 · c029742 · c029742
1 parent 970b772
commit c029742
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/Ackee.png.webp b/Ackee.png.webp
diff --git a/avocado.png.webp b/avocado.png.webp
diff --git a/banana.html b/banana.html
@@ -18,6 +18,8 @@ <h1> Random Jamacian Fruits Generator</h1>
     <div id="result2"> </div>
 
     <button onclick="banana()" id="generate"> Generate </button>
+
+    <a href="https://www.chefspencil.com/jamaican-fruits/"><button id="source"> Source of the Fruit Images</button> </a> 
   </div>
 
   <script src="script.js"></script>

diff --git a/bananas-1.png.webp b/bananas-1.png.webp
diff --git a/script.js b/script.js
@@ -220,16 +220,19 @@ function newBubbleWrap(){
 
 
 function banana(){
-   const bananaImages = [ 'Banana 1.jpg',`Single bubble.png`]
+   const bananaImages = [ 'Ackee.png.webp',`avocado.png.webp`, 'bananas-1.png.webp']
 
    const selectedBanana = bananaImages[Math.floor(Math.random() * bananaImages.length)];
 
-   if(selectedBanana == "Banana 1.jpg"){
-      document.getElementById("result2").innerHTML = `Banana`;
+   if(selectedBanana == "Ackee.png.webp"){
+      document.getElementById("result2").innerHTML = `Ackee`;
    }
-       else if (selectedBanana == "Single bubble.png"){
-         document.getElementById("result2").innerHTML = `Bubble Wrap`;
+       else if (selectedBanana == "avocado.png.webp"){
+         document.getElementById("result2").innerHTML = ` Avocado (Jamaican Pear)`;
       }
+   else if (selectedBanana == 'bananas-1.png.webp'){
+      document.getElementById("result2").innerHTML = ` Banana`;
+   }
 
 
    // document.getElementById('result').innerHTML = `<img src="Single bubble.png"`;