Me gustaría cambiar la información que muestro en la página según la URL agregando '?id=(x)' al final. Tengo una Api con productos que tienen ID, nombre y género.

 [{0:{id:1, name:'item1', gender:'toy'}}, {1:{id:2, name:'item2', gender:'it'}}] <div class="items"> <h1 id="name"></h1> <h2 id="gender"></h2> </div>

Me gustaría que al final de la url agregando ?id=1 por ejemplo me mostrara el nombre y el género en pantalla y si cambio en el link el 1 por el 2 obtendría la información del otro ítem. Si además es posible hacerlo con Javascript puro esa también podría ser una opción.

Gracias por adelantado.