Check number of clicks on buttons

Question

Check number of clicks on buttons

Asked 9 years, 9 months ago

Viewed 1,733 times

1

I have a script with functions to control what each button of an application does. I declared a global variable so that when all buttons are clicked, two actions are triggered: hide a div and show another.

//variável global

var completo = 0;

//funções para controlar 9 botões - em cada uma das funções incremento a variável:

function A()
{
     faz qualquer coisa;
     completo++
}
function B()
{
     faz qualquer coisa;
     completo++
} 
function C()
{
     faz qualquer coisa;
     completo++
} 
function D()
{
     faz qualquer coisa;
     completo++
} 
function E()
{
     faz qualquer coisa;
     completo++
} 
function F()
{
     faz qualquer coisa;
     completo++
} 
function G()
{
     faz qualquer coisa;
     completo++
}
function H()
{
     faz qualquer coisa;
     completo++
} 
function I()
{
     faz qualquer coisa;
     completo++
}

So far it should increment 9 times the complete variable, being complete=9, right?

Then it would trigger action - when the variable reaches 9, hide the general div and show final div.

if(completo==9)
{
    $('div[id^="final"]').show();
    $('div[id^="geral"]').hide();
}

this last part is not functional.

also tested with the following, but without success:

if(completo==9)
{
    $("#final").show();
    $("#geral").hide();
}

can help me?

In the html part I have declared both the general div and the final div:

<div id="geral">"conteudo blablabla"</div>
<div id="final">"conteudo blablabla"</div>

What is the code that calls these functions A, B, C, ...? I don’t see where these functions are called and the completo is always zero...

– Sergio

2015/02/19 at 00:41
The code of the button that calls the contents of the function is: <td><input type="button" class="astext" value="D" onclick="A()"/></td>

– lfprata

2015/02/19 at 00:49
Okay, so within each function you have to call another function that has the if inside. If not this if is only checked when the page loads and never again. It makes sense?

– Sergio

2015/02/19 at 00:51
Aside from the problem @Sergio pointed out, this all assumes that each button can only be pressed once, right? Because if you allow more than one click per button, your logic will not work (for example, press 9 times a single button to meet the condition).

– bfavaretto

2015/02/19 at 01:08
bfavaretto, correct, that part will still be evaluated below. For now I am committed to putting this functional! : ) Sergio, thanks for the tip, excellent!

– lfprata

2015/02/19 at 01:11

1 answer

Browser other questions tagged javascript jquery html css

You are not signed in. Login or sign up in order to post.

by MarceloBoni • **6,385** points · Answer 1 · 2015-02-19T00:53:48+00:00

What Sergio said was right... Remember that JS is only loaded once on your page, so it should have a function that checks if your global variable has reached the 9 events of click...

Js Puro:

function A(){
    teste();
}

function B(){
    teste();
}

function C(){
    teste();
}

function D(){
    teste();
}

function E(){
    completo++;
    teste();
}

function F(){
    teste();
}

function G(){
    teste();
}

function H(){
    teste();
}

function I(){
    teste();
}

function teste(){
    completo++;

    if(completo==9){
        document.getElementById("geral").style.visibility = "hidden";
        document.getElementById("final").style.visibility = "visible";
    }
}

Another solution would be to take advantage of the JQuery used in your page and put the function that checks the variable "global" inside the ready page, thus:

Jquery

var completo = 0;
$(document).ready(function(){

    $(":button").click(function() {
        completo++;
        $(this).hide();

        if(completo==9){
            $('div[id^="final"]').show();
            $('div[id^="geral"]').hide();
        }
    });
});

Using this second implementation you can hide the button that triggered the click with that line: $(this).hide();