使用 XMLHttpRequest 方法从 JSON 文件获取“href-link”到 javascript

Question

我正在尝试使用 javascript 和 JSON 为我的卡片动态加载数据。 一切正常，加载标题、描述等。 现在我遇到了这个问题，我尝试为每张卡片动态添加一个单独的链接 （这似乎不像我想象的那样有效。）

这是我的 html :

  <div class="navbar__container"></div>

这是我用来让它工作的 javascript :

let http = new XMLHttpRequest();
http.open('get', 'products.json', true);
http.send();
http.onload = function () {
    if (this.readyState == 4 && this.status == 200) {
        let products = JSON.parse(this.responseText);
        let output = "";
        for (let item of products) {
            output += `
            <div class="product">
               <img class="products__img" src="${item.image}" alt="${item.description}">
               <p class="products__title">${item.title}</p>
               <a href="${item.link}" class="products__link">Check it out!</a>
               <p class="products__usedTechnologies">USED TECHNOLOGIES</p>
               <p class="products__description">${item.description}</p>
            </div>
         `;
        }
        document.querySelector(".products").innerHTML = output;
    }
}

这是 JSON 文件：

    {
    "image": "json-images/exampleImg.png",
    "title": "This is an example",
    "description": "html, css, javascript, three.js, webGL, node.js",
    "link": "href=https://bitcoin.org/nl/"
},

为了清楚起见，除了从 json 文件动态加载链接外，一切正常，我觉得问题出在我如何调用 javascript 文件中的“href”。

查看截图：

单击链接时出现的错误：

通常我很快就能解决这样的问题，但这似乎是我无法解决的问题，感谢所有帮助