I’m a beginner in coding and happen to come across this problem I can’t solve.
I know the issue could be in how I’m using the showBtn variable at the bottom to call the function on ‘click’.
So far when I click the button, it adds the random name to the button instead of displaying on the container with the Id of #name. Thoughts?
let displayName = document.querySelector("#name");
let showBtn = document.querySelector("#button");
let namesArr = [
"Edward",
"Rigo",
"Kevin",
"Alden",
"Jeffrey",
"Maria",
"Nova",
"Abby",
];
let nameCalling = () => {
displayName.innerHTML = namesArr[Math.floor(Math.random() * namesArr.length)];
};
showBtn.addEventListener("click", nameCalling);<div id="name"></div>
<button id="button"> Add name </button>