CIS133W Week 9

Create a Program that uses jQuery

15 Puzzle

The 15 puzzle link recreates the 15 Puzzle from the course videos

my9

Links to my9.html. I attempted to meet the requirements below, but did not accomplish. Rather, I replicated a few jQuery items from the W3Schools site. I found myself working in circles. I need practice!

Instructions:

  1. Use jQuery exclusively to select HTML elements, manipulate the DOM, respond to events, and alter CSS properties.
  2. Create DOM nodes by supplying HTML in the jQuery selector.
  3. Find nodes by tag name, class and ID using jQuery selectors.
  4. Add nodes to the DOM tree using append.
  5. Respond to at least 3 different types of events.
  6. Fetch the value of CSS properties.
  7. Set the value of CSS properties.
  8. I encourage you to use the Canvas Object as well

Week 7 - JQuery

Converts most of week 7 JavaScript to jQuery.

Form Validation

fill out some stuff

Name:
Email:
Email2:
Salary:
Date of Birth:

Canvas Examples



Mozilla Developer Network - Canvas



More Canvas Examples

No canvas support. No canvas support.
Your browser does not support the canvas element.
Your browser does not support the canvas element.
Your browser does not support the canvas element.
Your browser does not support the canvas element. Your browser does not support the canvas element. Your browser does not support the canvas element. Your browser does not support the HTML5 canvas tag. Your browser does not support the HTML5 canvas tag.