A5

Assignment 5: Exploring getElementById (Modify Elements)

Description

document.getElementById(...)

Task

Complete ExploringGetElementById and Photo Gallery located in ExploringGetElementById.zip below. Attach the completed files with +Add Files.

Questions

1) What must follow getElementById() if you want to modify CSS programmatically?

2) What type of input allows the user to select a color?

Exit Homework

HTML

1. Create a <div> with id output

2. Create an input range that allows the user to specify a number. oninput call updateOutput()

JavaScript

1. Create a variable to store the value from the input range.

2. Create a function updateOutput() that,

   1. retrieves the value of the input range and stores the value in the variable created above.

   2. using getElementById for the div and .innerHTML display the value of the input range in the div.

   3. Hint: Review the last resource below for more help on using .innerHTML