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
How to check a variable is undefined in JavaScript? JavaScript calculate Fahrenheit from Celsius jQuery move multi select values from one to another multi select list jQuery simple form with name and email validations jQuery check if an element is visible or hidden JavaScript example to change image on click