You need Login/Signup to run/submit the code.
How to generate CSS selector for the target element? | Frontend Interview Question | Advanced JavaScript
@Yomesh Gupta
Given a valid DOM tree and a target element, generate a valid selector to target it.
Example 1:
<div>
<h1>Devtools Tech</h1>
<div>
<p>Subscribe to our YT channel </p>
<a href="youtube.com/c/devtoolstech">here</a>
</div>
</div>
const selector = generateSelector(root, target);
console.log(selector); // div > div > a
Example 2:
<section>
<ul>
<li>Home</li>
<li>Services</li>
<li>Product</li>
</ul>
</section>
// selecting li with text Product
const selector = generateSelector(root, target);
console.log(selector); // section > ul > li:nth-of-type(3)
There could be more than 1 answer to this question.