Ayuda con Js

Buenas gente. estoy haciendo un proyecto y me quede trabado en un efecto visual que no logro conseguir.

es un PHP que lee imágenes desde una carpeta y quiero poder seleccionar una de todas las imágenes que veo. si bien esto ya esta, intento agregar una clase a la imagen donde doy clic para cambiar su color de fondo pero no puedo conseguirlo.

alguno podria darme una mano porfa. el script de JS deberia seleccionar la imagen con el ID cargado en la variable y agregarle la clase pero no funciona xd

Código:


<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="../css/estilos.css">
    <title>Carga</title>
</head>
<body>

<?php

 $directory="img/";
    $dirint = dir($directory);
    echo '<h1 class="titulo">Sin clasificar.</h1>';
    echo '<div class="contsclas">';
    $id = "";
    while (($archivo = $dirint->read()) != false)
    {
        if (strpos($archivo,'jpg') || strpos($archivo,'jpeg' )|| strpos($archivo,'png' )){
            $image = $directory. $archivo;
            $id++;
           echo '<a id="'.$id.'" class="" href="?imagen='.$image.'&id='.$id.'">';
           echo'<img class="sinclasificar" src='.$image. '>';
           echo '</a>';
           
        }
    }
    echo '</div>';
    $dirint->close();


?>


<script>

var idmg = "";

const URL = window.location.search
console.log(URL);

const parametrosURL = new URLSearchParams(URL);

for (let valoresURL of parametrosURL) {
//  console.log(valoresURL);
}

const idimg    = parametrosURL.get('id');
console.info('Id de la imagen es; ' + idimg);


document.getElementById( idmg ).classList.add ("select");


</script>


</body>
</html>