czlwang / 6148-js1-workshop

6.148 IAP 2016 Javascript/Jquery Part I Workshop Starter Code

2016-js-1-workshop

IAP 2016 Javascript/jQuery Part I Workshop Starter Code

This workshop will review the concepts covered in the first Javascript/jQuery lecture and go through a few examples of incorporating user interaction into an HTML page.

First, clone the starter code in the Github repository at go.6148.io/js-1-workshop-repo. (First open the repository page and copy the SSH clone URL from the right-hand side of the page. In your terminal, navigate to the desired folder on your computer, and run "git clone ")

All exercises should be completed without modifying any HTML or CSS files. Feel free to search online for help, documentation, or code examples.

If you have any questions, raise your hand and one of the staff will come help you.

Exercise 1

Change the font color of "Fruity website" to purple.

Exercise 2

Make the white div with class "randomwhitediv" hide with an animation when you hover over it, and unhide when you stop hovering over it.

Exercise 3

When the user writes text in the input box and clicks the "GO!" button, display the text in the white div.