Name: Use createElement() and append() instead of innerHTML
Uploaded: 2021-04-23T05:16:05.137Z
Duration: 3 min 36 s
Description: Use createElement() and append() instead of innerHTML

scrimba

Watch in fullscreen

Use createElement() and append() instead of innerHTML

by Per Harald Borgen

Learn JavaScript

About

Comments

Notes

Improving the performance of our app3:17

Use createElement() and append() instead of innerHTML

by Per Harald Borgen

Learn JavaScript

Expand for more info

Improving the performance of our app3:17

index.js

run

preview

console

let myLeads = ["www.awesomelead.com", "www.epiclead.com", "www.greatlead.com"]
const inputEl = document.getElementById("input-el")
const inputBtn = document.getElementById("input-btn")
const ulEl = document.getElementById("ul-el")

inputBtn.addEventListener("click", function() {
    myLeads.push(inputEl.value)
    console.log(myLeads)
})

// Let's try a different method!
for (let i = 0; i < myLeads.length; i++) {
    ulEl.innerHTML += "<li>" + myLeads[i] + "</li>"
}

let myLeads = ["www.awesomelead.com", "www.epiclead.com", "www.greatlead.com"]

const inputEl = document.getElementById("input-el")

const inputBtn = document.getElementById("input-btn")

const ulEl = document.getElementById("ul-el")

inputBtn.addEventListener("click", function() {

myLeads.push(inputEl.value)

console.log(myLeads)

})

// Let's try a different method!

for (let i = 0; i < myLeads.length; i++) {

ulEl.innerHTML += "<li>" + myLeads[i] + "</li>"

}

-3:35