How to define multiple tasks in a single function and use in javascript

Question

<div id="demo" onclick="tasks("fade")">
   <div id="demo" onclick="tasks("glow")">
    <div id="demo" onclick="tasks("slide")">
       <script>
       function tasks(){
           fade = do fade;
           glow =  make glows;
           slide = move slide; 
       }
       </script>

How to use single function and declare multiple tasks and use them specific element like I have create above?

how to put multiple function on single onclick with diffrent tasks and same action — Vikas Kandari
– Vikas Kandari, Commented Oct 19, 2015 at 11:38

Max · Accepted Answer · 2015-10-19 11:19:11Z

2

You can use variable which be available in your function:

<script>
 function tasks(effect){
 switch(effect){
  case "fade":
    // execute some code here;
    break;
  case "glow":
    // execute some code here;
    break;
  case "slide":
    // execute some code here;
    break;
}
   }
 </script>

answered Oct 19, 2015 at 11:19

Max

7015 silver badges13 bronze badges

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

6 Comments

Vikas Kandari Over a year ago

is there any way to declare like variable

Max Over a year ago

This is a local variable which you can use in this function and this variable passed when onclick happened.

Vikas Kandari Over a year ago

Ok thanks For help My problem is Resolved Both codes helped me thanks

Max Over a year ago

mark your question as resolved - so other users will know that this answer already closed.

Vikas Kandari Over a year ago

what if i want to triger more than one tasks

|

Sandeep Nayak · Accepted Answer · 2015-10-19 11:26:49Z

1

You can do it like this, although it can be done in many other ways.

function tasks(action){
 if(action === "fade"){
   console.log("Handle fade action here");
 }
 else if(action === "glow"){
    console.log("Handle glow action here");
 }
 else if(action === "slide"){
   console.log("Handle slide action here");
 }
}

<div id="demo" onclick="tasks('fade')">fade</div>
 <div id="demo" onclick="tasks('glow')">glow</div>
<div id="demo" onclick="tasks('slide')">slide</div>

Use switch:

function tasks(action){
  switch(action){
  
     case "fade": console.log("Fade action here");
                  break;
      
     case "glow": console.log("Glow action here");
                  break;
      
     case "slide": console.log("Slide action here");
                  break; 
      
     
     default :console.log("any other actions here")
  
  
  }
  
}

<div id="demo" onclick="tasks('fade')">Fade</div>
 <div id="demo" onclick="tasks('glow')">Glow</div>
<div id="demo" onclick="tasks('slide')">Slide</div>
<div id="demo" onclick="tasks('any other')">any other</div>

edited Oct 19, 2015 at 11:26

answered Oct 19, 2015 at 11:18

Sandeep Nayak

4,7571 gold badge26 silver badges34 bronze badges

6 Comments

Vikas Kandari Over a year ago

Thanks any other way to do this

Sandeep Nayak Over a year ago

You can also use switch statements like shown in the other answer

Vikas Kandari Over a year ago

Thanks i will try this to is there any way to declare this like variable

Vikas Kandari Over a year ago

What if i want multiple action like function(task task2)

Sandeep Nayak Over a year ago

Modify like this onclick="tasks('fade','glow')" and your function like this: function tasks(action1, action2){....}

|

Collectives™ on Stack Overflow

How to define multiple tasks in a single function and use in javascript

2 Answers 2

6 Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related