Question: Develop a web page to list your top five favorite animals and another listing of the animals that you fear the most by following the

Develop a web page to list your top five favorite animals and another listing of the animals that you fear the most by following the instructions below JavaScript
Create a new folder called pets
Open the folder in Visual Studio Code
Create an animals.html page
Create a css folder and a file in it called styles.css
Create a js folder and a file called main.js within the folder
Create an images folder and add your images within the folder
On the html page, in the head, add a reference to your css file and a script tag referencing your JavaScript file
Add an h1 to the body and center the tag in css
In css, have all images use a border of at least 2 pixels and any color you like
Below the h1 tag, add an image of your top favorite animal
Below the image, create a div with the ID of divFavs
In Javascript, populate an array with five elements of your favorite animals and a for each loop to iterate through it and add to the divFavs
Add an hr tag
Next, add an image of the top animal that you fear the most
Using Javascript, populate an array with five elements of your most feared animals and a for each loop to iterate through it and add to the divFear

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Programming Questions!