Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	The Garden Growth Game
ID	5240606976753664
Created	21 days ago, 1743028390339
Updated	21 days ago, 1743028390152
Code	<!DOCTYPE html> <html> <head> <title>The Garden Growth Game</title> <style> body { font-family: 'Courier New', monospace; text-align: center; background-color: #8FBC8F; /* Light sea green / margin: 0; padding: 20px; color: #333; } #game-container { width: 300px; margin: 50px auto; padding: 20px; background-color: #E0EEE0; / Pale green / border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); position: relative; } #garden { width: 200px; height: 150px; background-color: #D2B48C; / Tan soil / border: 2px solid #A0522D; / Brown border / margin: 20px auto; position: relative; overflow: hidden; } .plant { width: 20px; height: 20px; background-color: green; border-radius: 50%; position: absolute; cursor: pointer; } #water-button, #sun-button { padding: 10px 15px; margin: 10px; background-color: #ADD8E6; / Light blue / border: none; border-radius: 5px; cursor: pointer; } #water-button:active, #sun-button:active{ background-color: #87CEEB; /Sky Blue/ } #message { color: red; margin-top: 10px; } #score { font-size: 18px; margin-top: 10px; } </style> </head> <body> <div id="game-container"> <h1>Garden Growth Game</h1> <div id="garden"></div> <button id="water-button">Water</button> <button id="sun-button">Sun</button> <p id="message"></p> <p id="score">Score: 0</p> </div> <script> (function() { var garden = document.getElementById("garden"); var waterButton = document.getElementById("water-button"); var sunButton = document.getElementById("sun-button"); var messageDisplay = document.getElementById("message"); var scoreDisplay = document.getElementById("score"); var score = 0; var plants = []; function createPlant() { var plant = document.createElement("div"); plant.className = "plant"; plant.style.left = Math.random() 180 + "px"; plant.style.top = Math.random() * 130 + "px"; garden.appendChild(plant); plants.push(plant); setTimeout(function() { if (garden.contains(plant)) { garden.removeChild(plant); plants.splice(plants.indexOf(plant), 1); } }, 5000); // Plants wither after 5 seconds } function waterPlants() { plants.forEach(function(plant) { plant.style.backgroundColor = "lightgreen"; score++; }); scoreDisplay.textContent = "Score: " + score; setTimeout(function() { plants.forEach(function(plant) { plant.style.backgroundColor = "green"; }); }, 2000); // Plants go back to normal after 2 seconds } function sunPlants() { plants.forEach(function(plant) { plant.style.transform = "scale(1.2)"; score++; }); scoreDisplay.textContent = "Score: " + score; setTimeout(function() { plants.forEach(function(plant) { plant.style.transform = "scale(1)"; }); }, 2000); // Plants go back to normal after 2 seconds } waterButton.onclick = waterPlants; sunButton.onclick = sunPlants; setInterval(createPlant, 1000); // Create a plant every second })(); </script> </body> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIeq3smnCQw
Votes	15
Spin-Offs	0
Type	WEBPAGE
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	𝖗𝖆𝖓𝖌𝖊𝖗 🐓
Author Name	shadowfax11
Author ID	kaid_122257604530973966786790
Author Profile Access	COACH

Archive Data

Added	17 days ago, 1743306173344
Updated	17 days ago, 1743306173344
Source Deleted	unknown