const numberBtnImgs = document.querySelectorAll('.number-btn-img') const showMessagesForm = document.querySelector('.main-form') const continueBtn = document.querySelector('.continue-btn') numberBtnImgs.forEach((numberBtnImg) => { numberBtnImg.addEventListener('click', (e) => { e.target.parentNode.classList.add('active') setTimeout(() => { e.target.parentNode.classList.remove('active') }, 1500); const clickedNum = e.target.getAttribute('alt') let showMessagesFormAction = showMessagesForm.getAttribute('action') if(showMessagesFormAction.indexOf('?q') !== -1) { showMessagesForm.setAttribute('action', showMessagesFormAction + clickedNum) } else { showMessagesForm.setAttribute('action', showMessagesFormAction + '?q=' + clickedNum) } }) }) continueBtn.addEventListener('click', (e) => { e.preventDefault() location.href = showMessagesForm.getAttribute('action') }) const messagesList = document.querySelector('.messages-list') const searchParams = new URLSearchParams(window.location.search) let html = '' if(searchParams.get('q') && searchParams.get('q').length > 0) { searchParams.get('q').split('').forEach((num) => { const messagesListItemImgPath = `img/${num}.png` const messageListItemText = data[num] html += `
  • ${num}

    ${messageListItemText}

  • ` }) } messagesList.innerHTML = html const data = { 0: `If you see lots of zeros, it is an indication of the endless nature of Source - Source is saying, “I am always with you. The alpha; the omega. Beginning and end. There isn’t anything that my energy doesn’t touch.”

    You might also see 10, or double, 10-10. The number 10 adds the number 1, the number of unity and new beginnings, to the 0 to make the message, “I am always with you and you are with me.”`, 1: `The most common angel number people start to see is 11-11 or 1-11. It is easily noticed because the parallel 1s are so striking. The 1 represents unity and new beginnings. It’s your Angels saying, “We’re with you in this new beginning. Enjoy a fresh start.”

    When you see 11:11 together, The message is multiplied. It means unity, open doors and elevation. And you can see that in how they kind of resemble elevator banks. Often when people see these numbers they make a wish because of the energy of initiation, and intention setting, that they carry.

    Your angels are saying, “Doors are opening for you.” `, 2: `The number two is the number of covenant. When you see the two’s it means, “I will never leave you” or “I’m with you in this place/thing you are pursuing.”

    Also, whenever another angel number is doubled, it carries the promise of a covenant with Source supporting the meaning of that number for your life. `, 3: `Three is a number of perfection. A lot of people also say it is a number of creation, which makes sense. Think about how the three primary colors make up almost every other color.

    There is also the trinity or a triangle - a three-sided shape, which shows up in almost every religion around the world as a sign of perfection.

    When you see the three, your angels are saying, “Be creative with your approach. We are perfecting this situation for you.” `, 4: `Four is the number of transition. I know a lot of people are seeing 4-4-4 right now!

    Essentially, if 4 is one of your numbers, your angels are telling you to allow yourself to open up to change and transition. This is your time for a shift, you just have to recognize it and embrace it. `, 5: `Five is the number of grace. I love this number. If you’re seeing fives, it means don’t be so hard on yourself! Your angels are telling you that they have time and grace for you and you should be kind and caring with yourself.

    If you see three fives together it makes 15. When you add the one and the five together, you get a six, which is the number of personal choice. Three fives together is your angels telling you to give yourself grace with your personal choices. Make choices that make you feel good and be kind to yourself about having made those decisions. `, 6: `The number six is the number of personal choice. This is an interesting one because in some spaces, 666 is considered an evil number. However, it’s three sixes. Three being the number of perfection or creation, so three sixes really means perfectly owning your personal choices!

    So don’t fear a 6-6-6...use it as a sign to let go of indecision and overthinking, and lean into the choices you’re making. `, 7: `Seven is the number of completion. Seven comes to encourage you that a cycle is complete and manifestation is near. Best practice...when you start seeing the sevens, offer gratitude!`, 8: `Eight represents new beginnings or infinity. Every time you get to the end, it means it’s time to begin again, no stopping.

    Another way numbers may present is in a sequence, like 4,5,6 or 7,8,9. When I see numbers in sequence, I take it as a sign to keep moving forward.

    When you see one of your angel numbers or a sequence, I want you to start listening and paying attention to what is going on around you. What gifts were missing from your life when you saw the number? What were you hearing in your brain? What do you feel? Who is around you? What are you questioning?

    Answer those questions and add that to the message you tell yourself. When you give yourself that context and awareness, you will understand how your numbers talk to you so you can live an energetic, fulfilled life. `, 9: `Nine is the number of birthing. Think about it. It takes 9 months to birth a child, so it fits perfectly.

    Nine is also closely related to three. Three is a number of perfection and creation. 3 + 3 + 3 = 9. 9 is the message that, “What you’ve been creating or perfecting is about to be birthed into the world! ` } @import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap'); *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Nunito', sans-serif; } .btn { border: none; outline: none; cursor: pointer; } body { padding: 50px 0; } .main-container { max-width: 1170px; margin: auto; padding: 0 20px; } .main-form, .messages-list { width: 600px; margin: auto; } .number-btns { display: grid; grid-template-columns: repeat(4, 147px); grid-gap: 5px; } .number-btn { width: 147px; height: 147px; border: 2px solid transparent; } .number-btn.active { border-color: coral; } .number-btn-img { max-width: 100%; max-height: 100%; object-fit: cover; } .continue-btn { display: block; background-color: coral; color: #fff; font-size: 18px; width: 150px; height: 40px; border-radius: 4px; margin-left: auto; margin-top: 20px; } .messages-list-item { background-color: gainsboro; display: flex; align-items: flex-start; padding: 15px; margin-bottom: 20px; } .messages-list-item-img { width: 147px; height: 147px; object-fit: cover; margin-right: 20px; } Show Messages
    top of page
    bottom of page