How do I get a param from a URL and save it to var else use default

Question

I just tried this JS code to get a parameter from the URL of a website. ?color=#HEXCODE and if there is no param of ?color I want it to apply the default colour.

What am I missing below?

    var color = url.searchParams.get("color");

    if (color) {
        var color = color;
    } else {
        var color = ("#5e46e8");
    }

Answer 1

const queryString = window.location.search;
console.log(queryString);
//URL?product=bag&color=blue&newuser&size=m

const urlParams = new URLSearchParams(queryString);
const color = urlParams.get('color')
console.log(color);
// blue
if (!color) {
    urlParams.set('color', "red");
}