Here's a simple interactive garden simulation script where you can plant and grow virtual plants: Virtual Garden

Virtual Garden

const garden = document.getElementById('garden'); const waterBtn = document.getElementById('water'); const harvestBtn = document.getElementById('harvest'); const plants = ['🌱', '🌿', '🌻', '🌷', '🌸', '🍀', '🌵', '🌴']; let gardenPlots = []; function createGarden() { for (let i = 0; i < 16; i++) { const plot = document.createElement('div'); plot.className = 'plot'; plot.dataset.index = i; plot.dataset.planted = 'false'; plot.dataset.growth = '0'; plot.addEventListener('click', plantSeed); garden.appendChild(plot); gardenPlots.push(plot); } } function plantSeed(e) { const plot = e.target; if (plot.dataset.planted === 'false') { const randomPlant = plants[Math.floor(Math.random() * plants.length)]; plot.innerHTML = `

${randomPlant}

`; plot.dataset.planted = 'true'; plot.dataset.plantType = randomPlant; plot.style.opacity = '0.3'; plot.style.transform = 'scale(0.5)'; } } function growPlants() { gardenPlots.forEach(plot => { if (plot.dataset.planted === 'true') { let growth = parseInt(plot.dataset.growth); if (growth < 5) { growth++; plot.dataset.growth = growth.toString(); const opacity = 0.3 + (growth * 0.14); const scale = 0.5 + (growth * 0.1); plot.style.opacity = opacity.toString(); plot.style.transform = `scale(${scale})`; } } }); } function waterAll() { gardenPlots.forEach(plot => { if (plot.dataset.planted === 'true') { let growth = parseInt(plot.dataset.growth); if (growth < 5) { growth += 2; if (growth > 5) growth = 5; plot.dataset.growth = growth.toString(); const opacity = 0.3 + (growth * 0.14); const scale = 0.5 + (growth * 0.1); plot.style.opacity = opacity.toString(); plot.style.transform = `scale(${scale})`; } } }); } function harvestAll() { gardenPlots.forEach(plot => { if (plot.dataset.planted === 'true' && plot.dataset.growth === '5') { plot.innerHTML = ''; plot.dataset.planted = 'false'; plot.dataset.growth = '0'; plot.style.opacity = '1'; plot.style.transform = 'scale(1)'; } }); } waterBtn.addEventListener('click', waterAll); harvestBtn.addEventListener('click', harvestAll); createGarden(); setInterval(growPlants, 2000);