boat

Javascript

interactive web design

 

The Select Tag

Today we will take a look at how to mess around with the select tag in Javascript - see simulation above.

Getting started

Watch the video to get started. You will need to download these 4 images and save them in your project folder:


TASK 1

Complete the challenge presented in the video.

Each time you select a car in the select box, the correct image should display using the <img> tag.

TASK 2 - Research

Look at this simulation.




Can you create this situation?

There is a checkbox with a label that says hide me.

If the checkbox is checked, the image is not displayed; else the image is displayed.

TASK 3 - Optional for extra credit

Each time the car is displayed after being hidden, it gets a little bit smaller!




SUBMISSION

Submit your project folder as instructed by your tutor.


Tags

browser file tags body save h1 html h4 h2 structure refresh h3 organised