Start button syntax.

[Elindo]

What could be wrong with this syntax?

 

btnstart.onclick = () => {
  isButtonBDisabled = false;
  isButtonADisabled = false;
  if (animation == stagea1, stagea2, stageb1, stageb2){
    animation.isActive();
  }
  else animation = stagestart();
}

 

What I want to do is:

 

Enable buttons A and B <-- this is working

 

Check if A or B are playing any of their tweens, which are located in the functions or stagea1, stagea2, stageb1, and stageb2...  if any of these stages are playing, then I want the Start button to do nothing and just let them play.

 

If none of the stages are playing, then I want the Start button to play stagestart.

 

The .isActive I took it from gsap cheat sheet under control methods, but Codepen is telling me it can't read it.

 

 

See the Pen vYZLjJz by Elindo586 (@Elindo586) on CodePen

[GreenSock]

Yeah, that's full of both syntax and logic problems

 

I assume maybe you meant to do this?: 

btnstart.onclick = () => {
  // if animation isn't defined yet or if that animation isn't active, do the stagestart() animation
  if (!animation || animation.isActive() === false){
    animation = stagestart();
  }
}

Again, please read the forum guidelines - we really try to keep these forums focused on GSAP-specific question rather than general JavaScript syntax, logic issues, build-to-order requests, etc. We love helping with GSAP questions though.

 

Good luck with the project, @Elindo

[Elindo]

Yes, that works.

 

Anyway... how you do to think like javascript?

[Shaun Gorneau]

13 minutes ago, Elindo said:

Yes, that works.

 

Anyway... how you do to think like javascript?

 

The best way is to learn the fundamentals and then start with small projects; projects with one goal. More complex projects are really many small projects that work in concert. You can sign up for e-classes or even learn from YouTube videos.

[Cassie]

This is a really fun place to start -

 

https://beginnerjavascript.com/