<button id="moreFishBtn">🐟 more fish, please 🐠</button> <div id="fishContainer"></div> <script> const fishEmojis = ["🐟", "🐠", "🐡", "🐋", "🦐", "🐙", "🐬"];
document.getElementById("moreFishBtn").onclick = () => { const container = document.getElementById("fishContainer"); const randomFish = fishEmojis[Math.floor(Math.random() * fishEmojis.length)]; const fishSpan = document.createElement("span"); fishSpan.textContent = randomFish; fishSpan.style.fontSize = "2rem"; fishSpan.style.margin = "0 4px"; container.appendChild(fishSpan); }; </script> more fish, please
Let me know your exact use case and I’ll tailor it perfectly. 🐟 more fish