How to change text after click event using JavaScript?

Example

onClick Demo

Click Me

Click me for inline onclick event

<!DOCTYPE html>
<html>
<head>
    <title>onClick Demo</title>
</head>
<body>
<h1 id="clickHeadline">Click Me</h1>

<h1 id="onclickHeadline" onclick="clickInline()">Click me for inline onclick event</h1>
	
<script>
//annonymous function
var headline = document.getElementById("clickHeadline");

headline.onclick = function() {
	headline.innerHTML = "CLICKED!";
};

// using onclick event in html h1 to change headline
var onclickHeadline = document.getElementById("onclickHeadline");

function clickInline() {    
	onclickHeadline.innerHTML = "CLICKED!";
}

</script>
</body>
</html>
Most Helpful This Week