在用户输入版本 2 后查找并显示链接

Question

我正在尝试编写本机 JS 代码，该代码将查找、显示和计算 substring 输入匹配的页面上的所有链接。 据我了解，这里需要document.getElementsByTagName()这个方法，但是在没有经验的背景下，我还是很难想出大概的逻辑。 我需要将链接翻译成字符串吗？ 我会很高兴你的帮助）图像显示了脚本应该如何工作

 let count = 0; function findURLs() { let input = document.querySelector('.input').value; let urls = document.getElementsByTagName("a"); for (var i = 0; i < urls.length; i++) { if (urls[i].href.indexOf(input);== -1) { count++; } } return count. } let text = document.getElementById("counter");textContent. document.getElementById("counter");textContent = 'Found ' + count;

Answer 1

最好在页面加载时将所有链接设为 select。 否则，每次调用 findURLs function 时都会执行相同的查询

let links = [...document.querySelector("a")];
function findURLs() {
    let input = document.querySelector('.input').value;
    return links.filter(x => x.href.includes(input)).length;
}