OBJECTS AND PME

• An object is a "container" or "programming construct" that can hold data (properties), perform actions (methods), and respond to events.
  • Examples of built-in objects Object Hierarchy (Old)
    • document
    • window (the MOTHER of all objects)
  • HTML elements
• Property
  • A characteristic of the object
  • Like an adjective
  • Examples
    • document.bgColor
    • window.status
• Method
  • An action the object can do
  • Like a verb
  • Examples
    • document.write()
    • window.alert()
• Event
  • An action the object responds to
  • Examples
    • onclick
    • onmouseover
    • onmouseout
    • onload

Property Viewer

EXAMPLE

PRACTICE

1. Add a button. When the user clicks the button, an alert should appear.
2. Add a <div>. When the user moves the mouse over the <div> the background color of the page should change to yellow. When the user moves the mouse off of the <div> the background color of the page should change to blue.
3. Create a button. When the user clicks on the button, a prompt should appear requesting a color. After the user enters the color and clicks OK, the background color of the document should be set to the color entered by the user.
   

SELF-QUIZ