End papers.

1
End papers.

• Why is programming fun?
• Fourth is the joy of always learning, which
  springs from the non-repeating nature of the
  task. In one way or another the problem is ever
  new, and its solver learns something sometimes
  practical, sometimes theoretical, and sometimes
  both.

Source Frederick P. Brooks, Jr. The Mythical
Man-Month Essays on Software Engineering.
2
Announcement

• No

• Yes

• Midterms
• Final

• Labs
• QuickClicks
• Projects
• Quick Writes

3
Announcements

• CLUE tutoring session tonight!
• 630-8pm
• OUGL 102 (computers for 24 students)
• Rick Chen, Informatics senior

4
Announcements

• Ongoing clicker saga
• Quick Clicks will resume on Monday

5
Where are we?

• Fluency, last week
• Chapters 19, 20, and 21 in Fluency
• JavaScript Phrasebook, this week
• Chapters 8, 5, 9, and 4
• Optional resources
• W3 Schools tutorials and tag reference

6
Announcement

• Reminder
• At end of quarter, we will drop your
• Lowest two Quiz scores
• Lowest two Lab scores
• Lowest two Quick Write scores
• Lowest four Quick Click scores

7
Announcement

• This class has

• No

• Yes

• Midterms
• Final

• Labs
• Quick Clicks
• Projects
• Quick Writes

8
Browser Object Model and Document Object Model

• Understanding the document tree

9
Remember Arrays?

• Collections are stored as arrays
• Presidents has a new element
• president43 'Barack Obama'

10
Remember Arrays?

• An indexed list of items, or elements

• James Buchanan
• Abraham Lincoln
• Andrew Johnson
• Ulysses S. Grant
• Rutherford B Hayes
• James Garfield
• Chester Arthur
• Grover Cleveland
• Benjamin Harrison
• Grover Cleveland
• William McKinley
• Theodore Roosevelt
• William H. Taft
• Woodrow Wilson

• George Washington
• John Adams
• Thomas Jefferson
• James Madison
• James Monroe
• John Quincy Adams
• Andrew Jackson
• Martin Van Buren
• William Harrison
• John Tyler
• James Polk
• Zachary Taylor
• Millard Fillmore
• Franklin Pierce

• Warren Harding
• Calvin Coolidge
• Herbert Hoover
• Franklin D. Roosevelt
• Harry S. Truman
• Dwight Eisenhower
• John Kennedy
• Lyndon Johnson
• Richard Nixon
• Gerald Ford
• James Carter
• Ronald Reagan
• George H. W. Bush
• William Clinton
• George W. Bush
• Barack Obama

Presidents
11
Browser Object Model

• All the images on the page are s an array
• document.images
• Recall an image tag
• ltimg src"puppy.jpg" alt"description" /gt
• Attributes can be reachedand changedwith dot
  notation
• document.images1.src
• Another way to do an image rollover

12
Navigating the DOM
13
Video

• Essentials of the DOM and JavaScript
• http//www.youtube.com/watch?vURF2sVQWuxU

14
DOM
15
DOM

• The Document object gives you access to the
  browser's DOM tree
• You've used it for several labs now
• document.getElementById("zone1").value

16
DOM

• Here's the HTML

17

• As the browser sees it!

18
DOM

• getElementByID(id)
• attach ID-attributes to HTML tags and access page
  elements by this notation, instead of having to
  wade through the hierarchy.
• appendChild()
• Use appendChild() and .text or .innerHTML instead
  of concatenation

19
DOM

• getElementByTagName(div)
• Search through all the ltidgt tags.

20
DOM Exercise 1
21
DOM Exercise Answers
22
DOM Exercise 2
23
(No Transcript)