5. deleteChildElements a. Receives a parentElement as a parameter b. Define a child variable as parentElement.lastElementChild c. While the child exists...(use a while loop) d. Use parentElement.cemoveChild to remove the child in the loop e. Reassign child to parentElement.lastElementChild in the loop f. Return the parentElement

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question

Need help with these Javascript functions please!

5. deleteChildElements
a. Receives a parentElement as a parameter
b. Define a child variable as parentElement.lastElementChild
c. While the child exists...(use a while loop)
d. Use parentElement.removeChild to remove the child in the loop
e. Reassign child to parentElement.lastElementChild in the loop
f. Return the parentElement
NOTE: The above functions had no dependency on other functions. They were very
self-contained which is ideal. That is not always possible though. We will try to limit
dependencies as we go. The next several functions have small dependencies.
6. addButtonListeners
a. Selects all buttons nested inside the main element
b. If buttons exist:
c. Loop through the NodeList of buttons
d. Gets the postld from button.dataset.postld
e. Adds a click event listener to each button (reference addEventListener)
f. The listener calls an anonymous function (see cheatsheet)
g. Inside the anonymous function: the function toggleComments is called with the
event and postid as parameters
h. Return the button elements which were selected
i. You may want to define an empty toggleComments function for now. Not all tests
will pass for addButtonListeners until toggleComments exists. I recommend
waiting on the logic inside the toggleComments function until we get there.
7. removeButtonListeners
a. Selects all buttons nested inside the main element
b. Loops through the NodeList of buttons
c. Gets the postld from button.dataset.id
d. Removes the click event listener from each button (reference
removeEventListener)
e. Refer to the addButtonListeners function as this should be nearly identical
f. Return the button elements which were selected
8. createComments
a. Depends on the createElemWith Text function we created
b. Receives JSON comments data as a parameter
c. Creates a fragment element with document.createDocumentFragment()
d. Loop through the comments
e. For each comment do the following:
f. Create an article element with document.createElement()
g. Create an h3 element with createElemWith Text('h3', comment.name)
h. Create an paragraph element with createElemWith Text("p', comment.body)
i. Create an paragraph element with createElemWith Text("p', "From:
${comment.email}')
j. Append the h3 and paragraphs to the article element (see cheatsheet)
k. Append the article element to the fragment
Return the fragment element
I.
Transcribed Image Text:5. deleteChildElements a. Receives a parentElement as a parameter b. Define a child variable as parentElement.lastElementChild c. While the child exists...(use a while loop) d. Use parentElement.removeChild to remove the child in the loop e. Reassign child to parentElement.lastElementChild in the loop f. Return the parentElement NOTE: The above functions had no dependency on other functions. They were very self-contained which is ideal. That is not always possible though. We will try to limit dependencies as we go. The next several functions have small dependencies. 6. addButtonListeners a. Selects all buttons nested inside the main element b. If buttons exist: c. Loop through the NodeList of buttons d. Gets the postld from button.dataset.postld e. Adds a click event listener to each button (reference addEventListener) f. The listener calls an anonymous function (see cheatsheet) g. Inside the anonymous function: the function toggleComments is called with the event and postid as parameters h. Return the button elements which were selected i. You may want to define an empty toggleComments function for now. Not all tests will pass for addButtonListeners until toggleComments exists. I recommend waiting on the logic inside the toggleComments function until we get there. 7. removeButtonListeners a. Selects all buttons nested inside the main element b. Loops through the NodeList of buttons c. Gets the postld from button.dataset.id d. Removes the click event listener from each button (reference removeEventListener) e. Refer to the addButtonListeners function as this should be nearly identical f. Return the button elements which were selected 8. createComments a. Depends on the createElemWith Text function we created b. Receives JSON comments data as a parameter c. Creates a fragment element with document.createDocumentFragment() d. Loop through the comments e. For each comment do the following: f. Create an article element with document.createElement() g. Create an h3 element with createElemWith Text('h3', comment.name) h. Create an paragraph element with createElemWith Text("p', comment.body) i. Create an paragraph element with createElemWith Text("p', "From: ${comment.email}') j. Append the h3 and paragraphs to the article element (see cheatsheet) k. Append the article element to the fragment Return the fragment element I.
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 2 steps with 1 images

Blurred answer
Knowledge Booster
Graphical User Interface
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.
Similar questions
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education