How can I make a button that when clicked on it,it calls a function and if you clickes on the button again it calls another func

Answer 1

You can create an array and add your functions reference to it, later you can call the desired function by using its index. Here is an example of an array filled with 3 function references, the switch statement in the forButton() function decides which function will be called next time forButton() function is called, and since we bound the button's click event to forButton() then the functions call will be switched when one click on the button.

function one(a){
alert("this is from function one " + a);
}

function two(a){
alert("this is from function two " + a);
}

function three(a){
alert("this is from function three " + a);
}

var funcs=[];
var funcIndex = 0;
window.onload=function(){
funcs.push(one);
funcs.push(two);
funcs.push(three);
}

function forButton(argument){
funcs[funcIndex](argument);
switch(funcIndex)
{
case 0:
funcIndex = 1;
break;
case 1:
funcIndex = 2;
break;
case 2:
funcIndex = 0;
break;
}
}

And a button for triggering forButton();

<button onclick="forButton('SoloLearn');">Click Me</button>

Hth, cmiiw

Answer 2

Sorry I have a question of you

Answer 3

Can you make an example

Answer 4

Oh thanks

Answer 5

Why did you write one=function...
Why you did not write function one()

Answer 6

and what is this "if(!clicked)" "!"

Answer 7

https://code.sololearn.com/Wm6jt93qasF8/?ref=app

Answer 8

Plz see this

Answer 9

I made it myself

Answer 10

ot works like your code

Answer 11

Thank you so much

Answer 12

Your welcome

Answer 13

Oh thank you so much but I think Your level is higher than me so I respect to you

Answer 14

👍👍

Answer 15

https://code.sololearn.com/WOOkQg9p92VB/?ref=app

Answer 16

Why it doesn't work correctly

Answer 17

nothing

Answer 18

Thank you