Make sure you understand the DOM and methods before getting into this exercise or guide. You'll want to be familiar with at least document.getElementById() You will be expected to write your own event listeners. There are many properties and methods associated with the DOM, but if you think of
You'll want to work through all the console errors first. You'll notice in this example however, that there are no console errors initially. This is when I like to go to the sources tab. In sources, we can find our JavaScript file. Select that file, and scan through it for
Write a function that takes a string as a parameter and returns the same string in all capital letters followed by all lowercase letters. capilizeAndLowercase("HelLo") // => "HELLOhello" Write a function that takes a string as a parameter and returns a number that is half the string's length, rounded down. Hint:
Getting Started clone the repository: git clone https://github.com/VSchool/dom-debug Remove the hidden .git folder. cd dom-debug # Copy/paste this command. You don't want to enter it incorrectly. rm -rf .git Open index.html in the browser. We'll be using the Chrome developer tools (Firefox and Opera should
The Qualifier and Bronze Medal are required, the rest is an optional challenge DOM manipulation is it's own beast. Fairly soon, you'll be doing a lot of it along side of other things that are conceptually difficult if you're not yet familiar with DOM manipulation. This exercise is designed to