<main class="entrada-artista contenedor-artistas">
<img id="enlace-artista" src="img/akillamar_perfil.png" alt="">
<div class="capa-artista"></div>
</main> <!-- Fin del Contenido Principal-->
Me marca este error al intentar seleccionar elementos en html, lo que estoy intentando es crear diferentes funciones que me permitan agregar una u otra imagen despues de dar un click en algun elemento, el detalle es que estoy seleccionando elementos de diferentes documentos, entonces al estar en un documento1 me marca que no encuentra el elemento del documento2 y viceversa. Quiero evitar crear diferentes paginas html para la misma entrada.
//Las id's provienen de el documento artistas.html
const akillamar = document.querySelector('#akillamar');
const pac2 = document.querySelector('#pac2');
console.log(akillamar);
console.log(pac2);
function cambiarAkill(){
//La id enlace-artista proviene del documento entrada_artista
const enlace = document.querySelector('#enlace-artista');
enlace.setAttribute('src', "img/akillamar_perfil.png");
}
function cambiar2pac(){
//La id enlace-artista proviene del documento entrada_artista
const enlace = document.querySelector('#enlace-artista');
enlace.setAttribute('src', "img/2pac_perfil.png");
}
//Utilizo onclick para escuchar el click en el elemento
akillamar.onclick = cambiarAkill();
pac2.onclick = cambiar2pac();
enlace
... si tienes un elemento en el html que tengaid="enlace-artista"
?