//3. toggleCommentSection //a. Receives a postId as the parameter //b. Selects the section element with the data-post-id attribute equal to the postId //received as a parameter //c. Use code to verify the section exists before attempting to access the classList //property //d. At this point in your code, the section will not exist. You can create one to test if //desired. //e. Toggles the class 'hide' on the section element //f. Return the section element function code so far passes a.b,c fails rest function toggleCommentSection(postId) { // If Post Id Is Passed, Return Undefined if (!postId) { return undefined; } else { // Else, Get All Comment Sections const commentSections = document.querySelectorAll('[data-post-id]'); // Loop Through Each Comment Section for (let i = 0; i < commentSections.length; i++) { const commentSection = commentSections[i]; // If Post Id Attribut Of Comment Section Is Equal To Post Id Passed Arg if (commentSection.getAttribute('data-post-id') === postId) { // Toggle Hide Class commentSection.classList.toggle('hide'); // Return Comment Section Element return commentSection; } } // If We Are Here, No Matching Post Id Is Found // Return NULL return null; } }
//3. toggleCommentSection
//a. Receives a postId as the parameter
//b. Selects the section element with the data-post-id attribute equal to the postId
//received as a parameter
//c. Use code to verify the section exists before attempting to access the classList
//property
//d. At this point in your code, the section will not exist. You can create one to test if
//desired.
//e. Toggles the class 'hide' on the section element
//f. Return the section element
function code so far passes a.b,c fails rest
function toggleCommentSection(postId) {
// If Post Id Is Passed, Return Undefined
if (!postId) {
return undefined;
} else {
// Else, Get All Comment Sections
const commentSections = document.querySelectorAll('[data-post-id]');
// Loop Through Each Comment Section
for (let i = 0; i < commentSections.length; i++) {
const commentSection = commentSections[i];
// If Post Id Attribut Of Comment Section Is Equal To Post Id Passed Arg
if (commentSection.getAttribute('data-post-id') === postId) {
// Toggle Hide Class
commentSection.classList.toggle('hide');
// Return Comment Section Element
return commentSection;
}
}
// If We Are Here, No Matching Post Id Is Found
// Return NULL
return null;
}
}
Trending now
This is a popular solution!
Step by step
Solved in 3 steps with 3 images
