Entonces, mi problema es que tengo dos páginas products.html e index.html en products.html. Tengo varias imágenes y un botón al lado de cada imagen y cada botón corresponde a cada imagen y cuando haces clic en el botón se vincula a index.html. y en index.html tengo 1 imagen. Quiero hacer que cada vez que haga clic en un botón me lleve a la página index.html y la imagen correspondiente en products.html se coloque en la imagen index.html.
<div class="imgbx"> <button onclick="window.location.href='index.html'" >Invisible button</button> <img src="images/xr-black.jpg" alt=""> </div>Dentro de products.html añadir
<div class="imgbx"> <button onclick="window.location.href='index.html?image=images/xr-black.jpg'" >Invisible button</button> <img src="images/xr-black.jpg" alt=""> </div>En su main.html agregue
<img src="img" id="image"> <script> const queryString = window.location.search; const urlParams = new URLSearchParams(queryString); const image = urlParams.get('image') document.getElementById('image').src = image; </script>