Implement the showCustomers function so that it renders customers as list items. The first argument to the function, customers, is an array of objects with the name and email properties. The second argument to the function, targetList, is an unordered HTML list to which each customer should be added as a separate list item.
The name and email properties should be added as two paragraphs inside the list item. At first, the email paragraph element should not be present in the DOM. The email paragraph element should be added to the DOM after the name is clicked, and it should be removed from the DOM when the name is clicked again.
For example, the following code:
document.body.innerHTML = `
<div>
<ul id="customers">
</ul>
</div>
`;
let customers = [{name: "John", email: "john@example.com"},
{name: "Mary", email: "mary@example.com"}];
showCustomers(customers, document.getElementById("customers"));
let customerParagraph = document.querySelectorAll("li > p")[0];
if(customerParagraph) {
customerParagraph.click();
}
console.log(document.body.innerHTML);
Should render:
<div>
<ul id="customers">
<li>
<p>John</p>
<p>john@example.com</p>
</li>
<li>
<p>Mary</p>
</li>
</ul>
</div> - Example case: Exception
- Customer names are rendered correctly: Wrong answer
- Clicking customer names shows email: Wrong answer
- Clicking customer names again hides email: Wrong answer
Tags
JavaScriptWould you like to see our other questions?
We have 1000+ premium hand-crafted questions for 50+ job skills and 20+ coding languages. We prefer questions with small samples of actual work over academic problems or brain teasers.
Visit our question libraryPrivate Concierge
Send us an email with an explanation of your testing needs and a list of candidates. We will create an appropriate test, invite your candidates, review their results, and send you a detailed report.
Contact Private ConciergeWould you like to see our tests? The following tests contain JavaScript related questions:
HTML/CSS and JavaScript Online Test
HTML/CSS, JavaScript, and Bootstrap Online Test
HTML/CSS, JavaScript, and React Online Test
HTML/CSS, JavaScript, C# Algorithms, and SQL Online Test
HTML/CSS, JavaScript, C#, and SQL Online Test
HTML/CSS, JavaScript, Java Algorithms, and SQL Online Test
HTML/CSS, JavaScript, Java, and SQL Online Test
HTML/CSS, JavaScript, Node.js, and SQL Online Test
HTML/CSS, JavaScript, PHP, and SQL Online Test
HTML/CSS, JavaScript, Python Algorithms, and SQL Online Test
HTML/CSS, JavaScript, Python, and SQL Online Test
HTML/CSS, JavaScript, Ruby, and SQL Online Test
On the TestDome Blog
Screening Applicants: The Good, the Bad and the Ugly
Since we’re all biased and we use incorrect proxies, why not just outsource hiring to experts or recruitment agencies? After all, they’ve been screening people for many years, so they must know how to do it right?
Not really. I was surprised to discover that many experts disagree with each other. Everybody praises their pet method and criticizes the others. Many of these methods look legitimate, but are based on...