IP492F13A HTML5 3: Assignment Two

HTML5 logo

PeerWise

  • PeerWise
  • Course Identifier IP492 Session Two

Create a new question and answer all unanswered questions by next Monday. Please rate the questions as you do them.

Writing JavaScript

Use jsbin or similar online tool to create two three pages that demonstrate the following principles. Keep track of the addresses of your pages so that we can review them in the lab.

Use document.querySelectorAll(“list”)
  1. Create a simple web page with several similar elements but not the same tag or class.
  2. Write a script that changes only the elements that match a list you put in here: document.querySelectorAll(list).

This will be like the lab work except that you are using document.querySelectorAll(list) instead of document.getElementsByClassName(classname).

data- attribute and dataset
  • Create a web page that demonstrates writing and reading data from the data- attributes in an element.
Web Storage
  • Create a web page that demonstrates writing and reading data from web storage. Demonstrate the difference between sessionStorage and localStorage.

Keep track of the addresses of your pages so that we can review them in the lab. Consider emailing them to yourself at an address where you can access them in the lab.

Counterpoint: jQuery

Here’s some light reading – maybe 20-30 minutes.

Native JavaScript Equivalents of jQuery Methods – Craig Buckler

Reflecting on the Session

Please add your thoughts (comments) in the IP492 HTML5 3: Session Two Notes

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s