xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="query-string">
<a href="index.php?id=1&language=html">First Query String URL </a>
<a href="index.php?id=2&language=css"> Second Query String URL </a>
<a href="index.php?id=3&language=javascript"> Third Query String URL </a>
<a href="index.php?id=4&language=php">Fourth Query String URL </a>
<button id="getValue">
Get Query String Value
</button>
<br><br>
<div id="result"></div>
</div>
<script type="text/javascript" src="custom.js"></script>
</body>
</html>
xxxxxxxxxx
const convertQueryParamsStringToQueryParamsObject = (string) => {
let queryParams = {};
// remove first letter from query string
string = string.substring(1);
// console.log("string", string);
// convert string to array
const queryParamsArray = string.split("&");
// console.log("queryParamsArray", queryParamsArray);
// covert each index query to object
queryParamsArray.forEach((queryParam) => {
// console.log("queryParam", queryParam);
// split param by =
const queryParamArray = queryParam.split("=");
// console.log("queryParamArray", queryParamArray);
queryParams[queryParamArray[0]] = queryParamArray[1];
// console.log("queryParams", queryParams);
});
return queryParams;
};