<pre class="shiki github-dark shaku"><code>// This is a JavaScript coding problem from BFE.dev /** * @param {HTMLElement} root * @param {HTMLElement} target * @return {string} */function generateSelector(root, target) { // your code here const pathToRoot = []; let node = target; while (node !== root) { pathToRoot.push( node.tagName.toLocaleLowerCase() + (node.id ? '#' + node.id : '') + (node.className ? '.' + node.className : '') ); node = node.parentElement; } return pathToRoot.reverse().join(" &gt; ");}</code></pre>

Accepted solution, but I know it won't work for some cases

Given a DOM tree and a target element, generate a valid selector to target it. For example, for a DOM tree like below <div> BFE.dev <div> is <p…