Program Explanation Follow the below-given steps to perform the task of inserting comments. Return to the ag_squares_text.js file in your editor. Add the comments in the complete code of JavaScript- "use strict"; /* New Perspectives on HTML5, CSS3, and JavaScript 6th Edition Tutorial 14 Review Assignment Author: Date: Filename: ag_squares.js */ window.addEventListener("load", playPokerSquares); function playPokerSquares() { var newCard = document.getElementById("newCard"); var startButton = document.getElementById("startButton"); var rowSumCells = document.querySelectorAll("table#grid th.rowsum"); var colSumCells = document.querySelectorAll("table#grid th.colsum"); var cardImages = document.querySelectorAll("table#grid tr td img"); var gameScore = document.getElementById("gameScore"); var gameResult = document.getElementById("gameResult"); /* addEventListener() is used to add click event. */ startButton.addEventListener("click", function () { //Value of squareGame object’s property gameTotal is set as 0. squareGame.gameTotal = 0; //Value of gameScore input box is being removed by setting it as an empty text string. gameScore.value = ""; //Value of gameResult input box is being removed by setting it as an empty text string. gameResult.innerText = ""; /* for loop iterates through the rowSumCells. */ for (var i = 0; i < rowSumCells.length; i++) { rowSumCells[i].innerText = ""; } /* for loop iterates through the colSumCells. */ for (var i = 0; i < colSumCells.length; i++) { colSumCells[i].innerText = ""; } /* for loop iterates through the length of the cardImages. */ for (var i = 0; i < cardImages.length; i++) { cardImages[i].setAttribute("src", "ag_trans.gif"); } //Using new keyword myDeck object is created from pokerDeck() object. var myDeck = new pokerDeck(); //shuffle method is used to randomize the order of the cards. myDeck.shuffle(); //Using new keyword myStarterCard object is created from pokerDeck() object. var myStarterCard = new pokerCard(); //shift() method is used to shift the value of myDeck into myStarterCard. myStarterCard = myDeck.cards.shift(); //setAttribute method is used to set the value of the src attribute. newCard.setAttribute("src", myStarterCard.cardImage()); /* for loop iterates through the length of the cardImages. */ for (var i = 0; i < cardImages.length; i++) { cardImages[i].addEventListener("click", setImageToGrid); } /*setImageToGrid() function is used to set the image into the grid. */ function setImageToGrid(event) { event.target.setAttribute("src", myStarterCard.cardImage()); //rowNum variable is declared to store the value of the number of rows...

Bndl: Llf New Perspectives Htm L5 Css3 & Javascript, 6th Edition

6th Edition

ISBN: 9781337755870

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 14, Problem 14RA

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 14, Problem 13RA

Chapter 14, Problem 15RA

Students have asked these similar questions

True or False: Given the sets F and G with F being an element of G, is it always ture that P(F) is an element of P(G)? (P(F) and P(G) mean power sets). Why?

Can you please simplify (the domain is not empty) ∃xF (x) → ¬∃x(F (x) ∨ ¬G(x)). Fo

HistogramUse par(mfrow=c(2,2)) and output 4 plots with different argument settings.

Chapter 14 Solutions

Bndl: Llf New Perspectives Htm L5 Css3 & Javascript, 6th Edition

Ch. 14 - Prob. 1RA Ch. 14 - Prob. 2RA Ch. 14 - Prob. 3RA Ch. 14 - Prob. 4RA Ch. 14 - Prob. 5RA Ch. 14 - Prob. 6RA Ch. 14 - Prob. 7RA Ch. 14 - Prob. 8RA Ch. 14 - Prob. 9RA Ch. 14 - Prob. 10RA

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.