Week 1 Activity

  • Download example file from class
  • Modify some html and check that it works
  • Add and modify CSS rules and check that they work
  • Open the console in the browser (vertical dots --> More Tools --> Developer Tools --> Console Tab)
  • Do the following in the console:
    • Type in JavaScript expressions to access different DOM elements
    • Try out assignment statements to change content in the web page
    • Use document.querySelector to access an element and assign it to a variable; use that variable to access its properties and change them (with an assignment statement)
  • Using the text editor, copy some of your statements from the console and paste them within the script tag, both within and outside of the function; verify to see how they work
  • Upload your web page to the studentweb server and note its url
  • On the week1 discussion board, post comment on your activity with your URL