Open the file /exercises/index.html
in your
browser. Use the file /exercises/js/sandbox.js
or
work in Firebug to accomplish the following:
Select all of the div elements that have a class of "module".
Come up with three selectors that you could use to get the third item in the #myList unordered list. Which is the best to use? Why?
Select the label for the search input using an attribute selector.
Figure out how many elements on the page are hidden (hint: .length).
Figure out how many image elements on the page have an alt attribute.
Select all of the odd table rows in the table body.
Open the file /exercises/index.html
in your
browser. Use the file /exercises/js/sandbox.js
or
work in Firebug to accomplish the following:
Select all of the image elements on the page; log each image's alt attribute.
Select the search input text box, then traverse up to the form and add a class to the form.
Select the list item inside #myList that has a class of "current" and remove that class from it; add a class of "current" to the next list item.
Select the select element inside #specials; traverse your way to the submit button.
Select the first list item in the #slideshow element; add the class "current" to it, and then add a class of "disabled" to its sibling elements.
Open the file /exercises/index.html
in your
browser. Use the file /exercises/js/sandbox.js
or work
in Firebug to accomplish the following:
Add five new list items to the end of the unordered list #myList. Hint:
for (var i = 0; i<5; i++) { ... }
Remove the odd list items
Add another h2 and another paragraph to the last div.module
Add another option to the select element; give the option the value "Wednesday"
Add a new div.module to the page after the last one; put a copy of one of the existing images inside of it.
Copyright Rebecca Murphey, released under the Creative Commons Attribution-Share Alike 3.0 United States license.