Example
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?
What's the difference between let and var?
Example to take user input and display on screen using JavaScript
Edit the text of label on click using jQuery
jQuery show input text inside div after on click event
JavaScript check if first string contains all characters of second string