Why jQuery is not working in code playground?

Answer 1

....As I can see in your code
you should include
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
inside head tag instead of body tag
Then It's gonna work in this code playground

Answer 2

put this tag at the end of body tag
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Answer 3

Oh And I forgot to say one more thing
Nice code,tho

Answer 4

jQuery only works if you add the script tag inside head tag instead body tag in Playground, but I think the correct rule is to add the script tag before the close body tag, </body>.

Answer 5

thanks for the answers i finally solve my problem 😀