#9/3/2014

Assignment

Using the HTML in index.html:

• Create and link to a JavaScript file
• Your program should execute the following steps:
  • Get the quantities out of the input boxes and store them in variables
  • Use Number("37") to convert the strings from the input to numbers
  • Multiply them by their cost and add them together
  • Create a string based on that number (e.g. "37 monies")
  • Change the total to use that string.
  • Put all of the above steps inside a function.
  • Assign that function to the onclick property of the update button.

Functions

To make a function fire on an event, assign it to the element's event handler:

document.getElementById("myBtn").onclick = function(){
  // Code goes here
};

Resources

• document.getElementById
• element.textContent
• input.value

Level Up

• Create examples of each type and operator. Explain via comments what you think the value will be before you run the code. Then type it into the console to see if you were right.
• Read http://eloquentjavascript.net/03_functions.html
• Read http://eloquentjavascript.net/04_data.html
• Create 3 objects that have properties containing all of the types, with at least one function each, and one of the objects must be able to mutate both itself and another object.
• Read http://bonsaiden.github.io/JavaScript-Garden/#types.equality