Javascript: variable.onclick instead of window.onclick?

Question

Hi I'm trying to get a variable to increment by one when I click on any one of my divs.

this code works for if I click on the page or window in general:

var click = 0;
window.onclick = function () {
click++;

console.log(click);
}

but it has to only work for when I click on one of the 36 buttons inside a container.

I tried replacing "window" with my function that is connected to my div "buttons" but that didn't work.

an example of what I'm trying to do is:

var click = 0;
myFunction.onclick = function () {
click++;

console.log(click);
}

Here is my function:

var imgArray = [], []; 
function onClickCard(image)
{
image.src=imgArray[parseInt(image.name.substring(0, 1)) - 1]           [parseInt(image.name.substring(1, 2)) - 1];
}

you need to put the call to onclick inside of the div as one of its attributes. <div onclick="myfunction()"> </div> — harmonickey
– harmonickey, Commented Sep 28, 2013 at 1:45
@harmonickey, don't suggest inline script please. Better with a click handler. — Sergio
– Sergio, Commented Sep 28, 2013 at 7:03

A.G. · Accepted Answer · 2013-09-28 02:15:17Z

0

Use jquery click function on element.
If you do not want to use jquery, try this:

document.onclick = function(event) { var target= event.target; if (target.nodeName == "BUTTON") { alert("button clicked"); } };
Directly add on click inside the element definition as suggested above in comments.

answered Sep 28, 2013 at 2:15

A.G.

7442 gold badges8 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sergio · Accepted Answer · 2013-09-28 06:48:51Z

0

If you want to use plain Javascript, use this:

var click = 0;
window.onload = function () {
    var buttons = document.getElementById('container').querySelectorAll('div.button');
    console.log(buttons);
    for (i = 0; i < buttons.length; i++) {
        buttons[i].onclick = function () {
            click++;
            document.getElementById('result').innerHTML = click;
        }
    }
}

Demo here

In this demo I assumed you container has a ID #container, and your buttons are div elements with class .button.

answered Sep 28, 2013 at 6:48

Sergio

28.9k11 gold badges90 silver badges132 bronze badges

Collectives™ on Stack Overflow

Javascript: variable.onclick instead of window.onclick?

2 Answers 2

Comments

Demo here

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Demo here

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related