Cuando presiono un botón en mi página principal, recupera un enlace a una imagen usando una API. Luego, quiero redirigir a otra página mía y cambiar el atributo src al enlace que obtuve con la API (en la nueva página).

Todo funciona además de la fuente de imagen de cambio.

Botón de la página principal:

 <button onclick="search()" class="submit-button">SEARCH</button>

Java Script (Editar: JavaScript se almacena en un archivo separado 'script.js')

 function search() { const username = document.getElementById("username").value // API CALL HERE WHICH CALLS presentImg() } function presentImage(url) { console.log(url) window.location.replace("profile.html") document.getElementById("image").src = url; }

Perfil.html

 <img id="image" src="#">

Cuando abro la página principal y hago clic en el botón, se me redirige y se abre la página profile.html, pero no se muestra la imagen. Ya he comprobado la url, funciona y muestra solo una imagen. También intenté cargar una imagen local en la carpeta de mi proyecto, eso tampoco funciona.