scrimba
Build Components in HTML, CSS & JS
Framed Image Loader - The HTML 🧱
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Framed Image Loader - The HTML 🧱
AboutCommentsNotes
Framed Image Loader - The HTML 🧱
Expand for more info
challenge.md
run
preview
console
**Challenge**:
Your goal is to create an image with a border on a page that can be edited using a form. You should create inputs that allow users to change the image URL, as well as the color and width of the border.

**Hints:**
- Use event listeners to change the image
- Use variables to keep track of the image information
- Use HTML inputs & forms

**Topics Covered:**
- HTML Forms
- Event listeners
- DOM Manipulation

**Extended Challenge**:
Add multiple images to the page through the form.
Console
/index.html
-5:35