This project uses jquery, you can click on the picture to see coding
What is it: This client wanted a robot with a lazer eye changing backgrounds to symbolize party lights on their webpage. The client only wanted to see what it would look like before being added to their site.
What I did: I used jquery giving him features with buttons to have control to turn his lazor light eye on and off. As well as a dancing companion with the option of a colorful background on command.
How:I used .click to turn light on and off $(".flash").click(function() { $(".brain").toggleClass("laser"); }); As well as .click and Math.floor to change the background to a random color. $(".color").click(function() { var red = Math.floor(Math.random() * 255); var green = Math.floor(Math.random() * 255); var blue = Math.floor(Math.random() * 255); //Display the number in the alert window alert(red + "," + green + "," + blue); });