Basic Inline Javascript

Excercise #1

In this excercise we'll create a rectangle which will have some text. Clicking anywhere is the text will overwtite the content of the rectange.


This is the original content in this blue rectange. Click anywhere in the blue rectangle to overwrite it.


Excercise #2

In this excercise we'll create a rectangle which will have some text. After you click on the button underneath it, the content will get overwritten.


This is the original content before you click on the button underneath it.


Excercise #3

In this excercise we will append additional text before and after the existing text in the orange rectangle (after you click on the button underneath it, of course).

JavaScript is...

Excercise #4

In this excercise we will create text in the burgandy rectangle (after you click on the button underneath it, of course).


Excercise #5

In this excercise we will clone a login screen with hidden division(s) that display success/error messages when user clicks on certain buttons.

Login

User Name

Password
Remember me

Excercise #6

In excercise #5 we created sepearte styles for success and error messages (in CSS), and then changed the style of the text that appeared when buttons were clicked by specifying the class/id within the tag. In this excercise we'll dynamical change the style of the container without the use of class and id's.


Excercise #7

In excercise #5 we will create red, blue and yellow circles, AND, if the user clicks on them they should disappear. Pretty cool, eh!