Program Explanation Comments are used to explain the code and to make it more readable and understandable. There are two types of comments that are added in the above code, In-Line Comments and Multi-Line Comments. In Line comments are used with double slashes // through which any text between the // and the end of the line will be ignored by the JavaScript. Multi-line comments are used to give comments of multiple lines starts with /* and at the end of the line, */ is used. Everything between these symbols is considered as the comments in JavaScript. Follow the below-given steps to perform the task of inserting comments. Return to the bc_keys_txt.js file in your editor. Add the comments in the complete code of JavaScript- // addEventListener() method attaches an event handler to thefindKeyWords element. window.addEventListener("load", findKeyWords); //addEventListener() method attaches an event handler to themakeKeyStyles element. window.addEventListener("load", makeKeyStyles); /* findkeyWords() method is used to locate the keywords given by the dfn element by using aside,h1 and h1Text element. */ functionfindKeyWords() { var aside = document.createElement('aside'); aside.setAttribute("id", "keywords"); var h1 = document.createElement("h1"); var h1Text = document.createTextNode("Keyword List"); //h1Text element is appended. h1.appendChild(h1Text); //h1 element is appended. h1.appendChild(h1); varol = document.createElement('ol'); //ol element is appended. aside.appendChild(ol); //querySelectorAll()method is used to get all the dfn elements in the document. varkeyWordElems = document.querySelectorAll("dfn"); varkeyWords = []; keyWords.length = keyWordElems.length; //iterate the element using for loop. for(vari=0; i<keyWordElems.length; i++) { keyWords[i] = {}; keyWords[i].innerText=keyWordElems[i].innerText; keyWords[i].id = keyWordElems[i].id; //replacesoccurrences of blank spaces with the character ‘_’. varlinkID = replaceWS(keyWordElems[i].id); keyWordElems[i].setAttribute("id", 'keyword_'+linkID); } //sort() method is used to sort the list of keywords in an alphabetical order. keyWords.sort(function(a,b){return(a...

17th Edition

ISBN: 9781337761116

Author: Carey

Publisher: CENGAGE L

See similar textbooks

Concept explainers

Phases of web development

The process of developing web application and websites which works using the internet is known as web development. Web developers need to use scripting languages at both the server and client end. A content management system is necessary to create a stat…

Question

Chapter 12, Problem 12RA

Program Plan Intro

To document the complete code of JavaScript with the comments and save the changes.

Expert Solution & Answer

Want to see the full answer?

Check out a sample textbook solution

See solution

Chapter 12, Problem 11RA

Chapter 12, Problem 13RA

Students have asked these similar questions

Which of the following opens when you click the launcher in the Size group on the Ribbon? Question 19Select one: a. Size dialog box b. Layout dialog box c. Width and Height dialog box d. Format dialog box

How do you resize a graphic object horizontally while keeping the center position fixed? Question 20Select one: a. Drag a side sizing handle. b. Press [Ctrl] and drag a side sizing handle. c. Press [Alt] and drag a side sizing handle. d. Press [Shift] and drag a side sizing handle.

Which of the following indicates that a graphic is anchored to the nearest paragraph? Question 18Select one: a. X and Y coordinates b. An anchor symbol c. A paragraph symbol d. ruler marks

Chapter 12 Solutions

NEW PERSP.ON COMP.CONCEPTS-PACKAGE

Ch. 12.2 - Prob. 1QC Ch. 12.2 - Prob. 2QC Ch. 12.2 - Prob. 3QC Ch. 12.2 - Prob. 4QC Ch. 12.2 - Prob. 5QC Ch. 12.2 - Prob. 6QC Ch. 12.3 - Prob. 1QC Ch. 12.3 - Prob. 2QC Ch. 12 - Prob. 1RA Ch. 12 - Prob. 2RA

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.