quotesProposeDay.js

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


roseDay = [
    `In the garden of love, will you be my forever flower?`,
    `Our love story is my favorite. Will you make it official and be my forever?`,
    `I'm not a genie, but I can make your dreams come true. Will you be my wish?`,
    `Are you a camera? Every time I look at you, I smile. Will you be the reason for my happiness?`,
    `Is your name Wi-fi? Because I'm feeling a connection. Will you be my forever signal?`,
    `Excuse me, but I think you dropped something: MY JAW. Will you pick it up and be my valentine?`,
    `Do you have a map? Because I just got lost in your eyes, and now I need directions to your heart.`,
    `I was blinded by your beauty; I'm going to need your name and number for insurance purposes.`,
    `You're the answer to my prayers. Will you make my dreams come true by being mine?`,
    `If kisses were snowflakes, I'd send you a blizzard. Will you be my snow queen?`
];


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);
});
});