Create a query string in a URL (for a link <a>)

Question

I am trying to create a query string in a URL for a link. I can't find what is the problem, I tried a lot of thing but I always get an "undefined" for "urlCameras". thanks for your help !

const cameras = [{
  _id: "Camera 1"
}];
const linkProduct = document.getElementById("linkProduct");

let url = 'file:///D:/openclassrooms/projet5/orinoco/product.html';
let urlObj = new URL(url);
let params = new URLSearchParams(url.search);
let idCameras = cameras[0]._id;
let urlCameras = params.append("?id=", "idCameras");
linkProduct.href = urlCameras;

<a id="linkProduct">Click</a>

Answer 1

Several things

1. .append("?id=", "idCameras"); should be .append("id",idCameras) because

• ? and = - searchParams handles that for you
• don't quote the parameter variable

2. You have too many vars - the URL has its own searchParams you can use

const cameras = [{
  _id: "Camera1"
}];
const linkProduct = document.getElementById("linkProduct");

let url = 'file:///D:/openclassrooms/projet5/orinoco/product.html';
let urlObj = new URL(url);
let idCameras = cameras[0]._id;
urlObj.searchParams.append("id", idCameras);
linkProduct.href = urlObj;

<a id="linkProduct">Click</a>