quotes.js

const quotesDiv = document.querySelector(".quotes");
const fpName = document.querySelector("#fpname");
const spName = document.querySelector("#spname");


roseDay = [
    `You are a Rose of My Dream,
    You are a Rose of My Heart,
    You are a Rose of My Smile,
    You are a Rose of My Life...
    HAPPY ROSE DAY!`,
    `Roses know the language of love,
    What we cannot speak, roses say.
    Take this rose as a gesture of my love,
    Wishing you a Happy Rose Day!`,
    `This Rose Day, I pray to God that the thorns on your life's path be vanished and it is filled with the beautiful petals of love, blessings and friendship. Happy Rose Day, sweetheart!`,
    `When I looked at the red roses and you, I found that you are the most beautiful creation of God. Happy Rose Day, my girlfriend!`,
    `People are lucky who are blessed with true love in their life... I am one of them. Happy Rose Day, darling!`,
    `बड़े ही नाजुक से पली हो तुम,
    इसलिए तोह गुलाब की कली हो तुम
    जिसे मिलने की बेकरारी सताए,
    दिल में आने वाली खलबली हो तुम!!! रोज डे मुबारक हो`,
    `There is no feeling for soothing and comforting than having the love of your life beside you.
    I love you, sweetie. Happy Rose Day!`,
    `Roses are timeless just like my love for you, sweetheart. Happy Rose Day, my GF!`,
    `फूल खिलते रहे आपकी ज़िन्दगी की राहो में,
    हंसी चमकती रहे आपकी निगाहों में
    कदम कदम पर मिले खुशियाँ आपको,
    दिल देता हैं यही दुआ बार बार आपको!`,
    `Out of all the unique ways of expressing love, I choose a romantic bunch of red roses for you that speak of my deep love for you…With all the warm hugs and kisses, wishing you a vivacious Rose Day, love.`,
    `You entered into my life with a fragrance of joy, You are just like a beautiful rose. Happy Rose Day!`,
    `Sending you this beautiful bouquet of red roses to express my love to you that is deep like an ocean and vast as a sky. Happy Rose Day!`,
    'Of all the attractive flowers on this planet, a rose is undoubtedly the most beautiful one. And, so are you, my girlfriend! Happy Rose Day!'
];


const userFname = localStorage.getItem("fpName");
fpName.innerText = userFname;
const userSname = localStorage.getItem("spName");
spName.innerText = userSname;

const quotesNr = roseDay.length;

for(i=0;i<quotesNr;i++){
    const link = document.createElement('a');
    link.setAttribute('href', 'card.html');
    const para = document.createElement("p");
    para.classList.add("quote");
    para.innerText = `${roseDay[i]}`;
    link.appendChild(para);
    quotesDiv.appendChild(link);
}
const quoteDiv = document.querySelectorAll(".quote");
// console.log(quoteDiv);

quoteDiv.forEach(quote => {
    addEventListener('click', function(e) {
        console.log(e.target.innerText);
    const chosenQuote = e.target.innerText;
    this.localStorage.setItem("chosenQuote", chosenQuote);
});
});