Navigate to the Document Object Model viewing pane on the website's source code you want to modify.
Select the white space of any row in the tree and double-click on it.
Change the value of the variable through the editor that pops up following Step 1.
Update the value with static text, numbers or an equation.
Use the Auto Complete function by hitting the Tab key to move forward through object properties in the source code. Continue to tab through all the options and press "Shift-Tab" to go backwards in the code.
View your changes immediately in the top website pane. Continue to make changes until you are satisfied with how the website displays.
- check Hit the "Tab" key before you type anything to cycle through the global variable when using the Auto Complete function.
- check Enter "document.c" to find all properties that start with "c" when using the Auto Complete function.
- check Enter an expression into the Auto Complete function and tab through the possibilities.