My for loop always displays the entire array length whenever I console.log out

[blaynejosh]

Hello guys, im in a bit of a fix.

I'm taking a tut. from freecodecamp and the exercise is to create a chrome extension. however, whenever my for loop logic runs, and the extension displays the input value, the entire array elements gets displayed with any new input.

Here's the code:

let myLeads = []
const inputEl = document.getElementById("input-el")
const inputBtn = document.getElementById("input-btn")
const leadsEl = document.getElementById("leads")

inputBtn.addEventListener("click", function() {
    myLeads.push(inputEl.value)
    // console.log(myLeads)
    for (let i = 0; i < myLeads.length; i++) {
        leadsEl.innerHTML += "<li>" + myLeads[i] + "</li>"

        const li = document.createElement("li")
        
    }

})

a picture of this is:

Please help me with a way to stop this. Thank you

[krakxn]

@blaynejosh He later on resolves that issue w/ localStorage and a way to delete the entries. Keep following the course. Good luck!

[blaynejosh]

Thank you

[krakxn]

@alymurtazamemon

[alymurtazamemon]

@krakxn I thought, you tag me to see the issue and for 2 minutes I was thinking what is the issue? 😅

[krakxn]

@alymurtazamemon Haha.. :p