<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
   <center> <button style="height:100px; width:200px; font-size:20px" id="myButton">Click Here</button></center> 
<script>

// Get reference to the Button element 
const button = document.getElementById('myButton'); //Create click Event lister for Btn  
button.addEventListener('click', () => { 
    button.style.backgroundColor = "red";
   //Change BG color  
});

</script>


</body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.