Golang React JS Technology Blog

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
JavaScript sort multi dimensional array on specific columns How to the length of the longest word in the provided sentence? Example to take user input and display on screen using JavaScript Get largest number from each sub-arrays Edit the text of label on click using jQuery How to current URL, HOST and URL attributes using JavaScript or jQuery?