please see image for instruction questions here is the HTML sourse code as i could not upload 3 images Hands-on Project 3-2 Hands-on Project 3-2 International Space Station Images a
please see image for instruction questions here is the HTML sourse code as i could not upload 3 images
<!DOCTYPE html>
<html>
<head>
<!--
JavaScript 7th Edition
Chapter 3
Hands-on Project 3-2
Author:
Date:
Filename: project03-02.html
-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Hands-on Project 3-2</title>
<link rel="stylesheet" href="styles/styles.css" />
<script src="js/project03-02_txt.js" defer></script>
</head>
<body>
<header>
<h1>
Hands-on Project 3-2
</h1>
</header>
<article>
<h2>International Space Station Images</h2>
<div id="gallery"></div>
<img src="cat.jpg" alt="cat" srcset="cat-160.jpg 160w, cat-320.jpg 320w, cat-640.jpg 640w, cat-1280.jpg 1280w" sizes=“(max-width: 480px) 100vw, (max-width: 900px) 33vw, 254px"> a
<img src="slide1.jpg" alt="">
<img src="slide2.jpg" alt="">
<img src="slide3.jpg" alt="">
<img src="slide4.jpg" alt="">
<img src="slide5.jpg" alt="">
<img src="slide6.jpg" alt="">
<img src="slide7.jpg" alt="">
<img src="slide8.jpg" alt="">
<img src="slide9.jpg" alt="">
<img src="slide10.jpg" alt="">
<img src="slide11.jpg" alt="">
<img src="slide12.jpg" alt="">
<img src="slide13.jpg" alt="">
</article>
</body>
</html>
![Ebooks - Cengage eReader
Go to the project03-02.html file X
Do the following:
https://ebooks.cenreader.com/#!/reader/e039acf5-566c-47ed-bad2-b922f3f5056b/page/79c33f70c5e1f298bbbc409eeb5903d7
Search results for 'use your codex +
eTextbook: JavaScript for Web Warriors
Maneuvering in space with the
NASA
The International Space Station The International Space Station third
second expansion [2006]
expansion (200
NASA
Completed Project 3-2
The ISS over the lonian Sea [2007]
</figure>
3. Go to the project03-02.js file in your code editor. Below the code that creates and populates the captions array, declare the htmlCode variable, setting its initial value to an empty text string.
4. Create a for loop with a counter that goes from 0 to less the length of the captions array in increments of 1. With each iteration, add the following text to the value of the htmlCode variable:
<figure>
<img alt='' src='slide1.jpg' />
<figcaption>caption [1] </figcaption>
1. Use your code editor to open the project03-02_txt.html and project03-02_txt.js files from the js03project02 folder. Enter your name and the date in the comment section of each file and save them as project03-02.html and
project03-02.js, respectively.
where i is the value of the counter for that iteration and captions[/] is the corresponding element from the captions array.
Quick Tour
2. Go to the project03-02.html file in your code editor and in the head section add a script element to load the project03-02.js file, deferring the loading of the JavaScript source file until the entire HTML file is loaded. Study the contents of the HTML
file and save your changes.
5. After the for loop, change the inner HTML of the document element by the id "gallery" to the value of the htmlCode variable.
A
Print
6. Save your changes to the file and then load project03-02.html in your browser. Verify that the page displays the 14 images in the slide gallery along with their captions.
90%
TT
□
Q
Search Annotations Accessibility Bookmark
:](/v2/_next/image?url=https%3A%2F%2Fcontent.bartleby.com%2Fqna-images%2Fquestion%2Fad3451f0-75cd-42a0-8ab0-289cbe11c06d%2F301e4cde-fd9a-4adf-908b-2173a0a37a75%2F9pfn5gm_processed.png&w=3840&q=75)
![ject03-02_txt.html project03-02_txt.js x
JavaScript 7th Edition
Chapter 3
Project 03-02
Application to generate a slide gallery
Author:
Date:
Filename: project03-02.js
let captions = new Array (14);
captions [0] = "International Space Station fourth expansion [2009]";
captions [1]="Assembling the International Space Station [1998]";
captions [2]="The Atlantis docks with the ISS [2001]";
captions [3]="The Atlantis approaches the ISS [2000]";
captions [4]="The Atlantis approaches the ISS [2000]";
captions [5]="International Space Station over Earth [2002]";
captions [6]="The International Space Station first expansion [2002]";
captions [7]="Hurricane Ivan from the ISS [2008] ";
captions [8]="The Soyuz spacecraft approaches the ISS [2005]";
captions [9] = "The International Space Station from above [2006]";
captions [10]="Maneuvering in space with the Canadarm2 [2006] ";
captions [11]="The International Space Station second expansion [2006]";
captions [12] ="The International Space Station third expansion [2007]";
captions [13]="The ISS over the Ionian Sea [2007]";](/v2/_next/image?url=https%3A%2F%2Fcontent.bartleby.com%2Fqna-images%2Fquestion%2Fad3451f0-75cd-42a0-8ab0-289cbe11c06d%2F301e4cde-fd9a-4adf-908b-2173a0a37a75%2F41rtx1j_processed.png&w=3840&q=75)
Trending now
This is a popular solution!
Step by step
Solved in 2 steps
