First time trying to connect JS to HTML

Question

const btn=document.getElementById("btn");

btn.addEventListener("click", function(){
   alert("You clicked me");
})

I'm trying to make a color generator but my button isn't doing anything. I've tried many other copied codes to see if anything would work. Commented out is the code I actually want to work but at this point I'll take anything. TIA

user_13376511 · Answer

You forgot the ending parentheses at the end of your btn.addEventListener call. Remeber that btn.addEventListener is a function call, so you need to wrap everything in parentheses like any other function call.

const btn = document.getElementById("btn");

btn.addEventListener("click", function() {
   alert("You clicked me");
}); // <- this parenthesis here

user_16966916 · Answer

//in html code you already have given an id="btn" and a onclick event handler.so you dont need to write in js
const btn = document.getElementById("btn");

you can simply write in js :
function getRandomColor(){
alert("you clicked me");
}

First time trying to connect JS to HTML

2 Answers