Arrays, Loops, and the DOM

You have learned about working with the DOM with CSS, but you can also work with the DOM using JavaScript. You will be able to alter and manipulate the DOM dynamically with JavaScript to extend basic JavaScript functionality by using loops, events, controls, arrays, and functions. Research and describe some tips for someone new to JavaScript to get started. In particular, focus on at least two of the following points while providing sample code (with comments) for each:

• Explain how arrays and loops be utilized effectively together versus separate variable declarations.
• Describe the flow of control for while, do-while, and for loops.
• Describe the use of a JavaScript array, including the use of its index and length property.
• Describe these methods for working with forms and controls: submit, reset, focus, blur.
• Describe the use of the Document Object Model in JavaScript applications.
• Describe these events for working with controls: onfocus, onblur, onclick, ondblclick, onchange, onselect.
• Describe the process of creating and adding nodes to the DOM, including adding rows and cells to a DOM table.
• Distinguish between a function expression and a function declaration, including which one can be called before it is defined.