DOM I

Topics:

• Interacting with the DOM
• Selectors
• selectElementsByClassname
• selectElementbyId
• querySelector
• querySelectorAll
• NodeList
• HTMLCollection

Objectives

• Manipulate the DOM using JavaScript
• Choose selectors for a given problem
• Work with the object the different selectors return

Beginning Project

• You'll be working in the digital_timer directory
• Add your script tag into you index.html
• You can open your index.html file in your browser to see your work, but you may also work in codepen.io first if you'd like
• All your work will be done in index.js
• Make sure to read both the index.html and styles.css files so that you know what you're working with
• Organization of your code in index.js will be up to you. There will be suggestions provided later in the day

Project Description

You will be making a timer that:

• Counts up to 10 seconds
• Increments every 10 ms
• Has digits change to red when it gets to 10 seconds
• Should not count past 10 seconds

You will also need to look up and use window.setInterval. For this method, and any of those listed in the "Topics" section of this README, you are encouraged to use MDN as your resource for Documentation. MDN can be challenging to consume at first, so you may also use something like W3schools if the MDN documentation on a given subject is a bit too complicated.