This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This took me a few minutes to sort out but I think I got it :)
On line 24, you're adding the class of .second to your button, but by the time it finishes adding that class, it's already finished running line 27—right away. So basically, line 27 runs only once, and when it runs, nothing on the page has the .second class yet, so it's never called, and your code moves on.
To rephrase another way:
When your document loads, all your code runs, and everything that doesn't require an input happens right away. That includes line 27, except then (at the beginning) nothing has a class of .second yet, so it doesn't do anything. Some time later, you click on .first and it gets replaced with the new class .second but nothing tells line 27 to then run again, so nothing happens this time either :p
So the solution looks something like this:
$(document).on("click", ".second", function() { ... })—which says "also when people click, check for .second and if you find THAT, do this other thing".
So basically you'd have code then that on every click checked for .first, and more code that checked for .second and each has a different outcome.
This took me a few minutes to sort out but I think I got it :)
On line 24, you're adding the class of
.secondto your button, but by the time it finishes adding that class, it's already finished running line 27—right away. So basically, line 27 runs only once, and when it runs, nothing on the page has the.secondclass yet, so it's never called, and your code moves on.To rephrase another way:
When your document loads, all your code runs, and everything that doesn't require an input happens right away. That includes line 27, except then (at the beginning) nothing has a class of
.secondyet, so it doesn't do anything. Some time later, you click on.firstand it gets replaced with the new class.secondbut nothing tells line 27 to then run again, so nothing happens this time either :pSo the solution looks something like this:
$(document).on("click", ".second", function() { ... })—which says "also when people click, check for.secondand if you find THAT, do this other thing".So basically you'd have code then that on every click checked for
.first, and more code that checked for.secondand each has a different outcome.Make sense?