onclick event examples

by m4xout

HTML

<h1 id="clickHeadline">Click Me11</h1>

<h1 id="changeHeadline">Watch me change via js</h1>

<h1 id="onclickHeadline" onclick="clickInline()" >Click me for inline onclick event</h1>

<button class="button" type="submit" name="add">Add to basket</button>

JavaScript

//annonymous function
var headline = document.getElementByClass("button.button");

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

//using js to Change Headline
var changeHeadline = document.getElementById("changeHeadline");

changeHeadline.innerHTML = "JavaScript changed my true headline";

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

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