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
jQuery simple form with name and email validations How to declare multiple variables in one statement in Javascript? How to the length of the longest word in the provided sentence? Image Rollover Using onMouseOver and onMouseOut How to define Global Variable in JavaScript? jQuery get the coordinates of div clicked