From 20da20daa97f8d877dc17a2de9b6a1c899228f37 Mon Sep 17 00:00:00 2001 From: CodeDevMLH Date: Sat, 21 Dec 2024 01:58:49 +0100 Subject: [PATCH] change order --- hearts.js | 38 +++++++++++++++++++------------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/hearts.js b/hearts.js index 2310a3c..d3824dc 100644 --- a/hearts.js +++ b/hearts.js @@ -45,25 +45,6 @@ observer.observe(document.body, { // Array of hearts characters const heartSymbols = ['❤️', '💕', '💞', '💓', '💗', '💖']; -// create hearts objects -function createHearts() { - const container = document.querySelector('.hearts-container') || document.createElement("div"); - - if (!document.querySelector('.hearts-container')) { - container.className = "hearts-container"; - container.setAttribute("aria-hidden", "true"); - document.body.appendChild(container); - } - - for (let i = 0; i < 12; i++) { - const heartsDiv = document.createElement("div"); - heartsDiv.className = "heart"; - heartsDiv.textContent = heartSymbols[i % heartSymbols.length]; - - container.appendChild(heartsDiv); - } -} - function addRandomSymbols(count) { const heartsContainer = document.querySelector('.hearts-container'); // get the hearts container @@ -97,6 +78,25 @@ function addRandomSymbols(count) { console.log('Random hearts symbols added'); } +// create hearts objects +function createHearts() { + const container = document.querySelector('.hearts-container') || document.createElement("div"); + + if (!document.querySelector('.hearts-container')) { + container.className = "hearts-container"; + container.setAttribute("aria-hidden", "true"); + document.body.appendChild(container); + } + + for (let i = 0; i < 12; i++) { + const heartsDiv = document.createElement("div"); + heartsDiv.className = "heart"; + heartsDiv.textContent = heartSymbols[i % heartSymbols.length]; + + container.appendChild(heartsDiv); + } +} + // initialize hearts after the DOM is loaded document.addEventListener('DOMContentLoaded', () => {