Why cant access the variable in javascript InnerHTML in this code

Question

When I do like this , got a error, "can't access lexical declaration 'a' before initialization "
Where can i do define the variable

https://code.sololearn.com/Wa11a19A9a4a/?ref=app

Answer 1

// The right order of statements and a few little things should be as follows:
function work(){
let name
let saveBtn
let table
let a
name = document.getElementById('name')
saveBtn = document.getElementById('save_btn')
table = document.getElementById('table')
saveBtn.addEventListener('click',()=>{
if (name.value === '') {
alert ('please fill in the form ')
return false
}else{
a = 'nice name'
}
table.innerHTML += `<tr><td>${name.value}</td><td>${a}</td> </tr>`
})
}
document.addEventListener('DOMContentLoaded', work)

Answer 2

ShamsuCm

You have declared variable after accessing it so move your this line let a above this line

var table = document.getElementById('table')

or change let a to var a

-----------------

shift your if else condition above this line var table = document.getElementById('table')

because you first need to validate your input fields then get and set data in table

https://code.sololearn.com/WBBUgCwqwmCD/?ref=app