El código JAVASCRIPT es:
img1Click = document.querySelector('img#img1') selected = document.querySelector('section.selected') img = document.querySelector('img#imgcon') img1Click.addEventListener('click', () =>{ console.log('clicked') document.getElementById('imgcon').src('images/yellowcake.jpg') })Se supone que este código cambia el src de un img de un div cuando se hace clic en otra imagen.
Casi lo tienes, ¡aunque src no es una función!
Puede configurarlo haciendo image.src = ... o image.setAttribute('src', '...')
Aquí hay un ejemplo simplificado:
const image = document.querySelector("img"); image.addEventListener("click", () => { image.setAttribute("src", "https://picsum.photos/id/2/200/200") }) <img src="https://picsum.photos/id/1/200/200" alt="">si, se puede programar
document.getElementById('id_of_element').src = 'image'Donde image es una cadena base64 o una ruta de archivo en su directorio (x.png).
const imgA = document.querySelector('#imgA'); const imgB = document.querySelector('#imgB'); imgA.addEventListener('click', () => imgB.src = imgA.src); imgB.addEventListener('click', () => imgA.src = imgB.src); <div> <img id='imgA' src="https://lh3.googleusercontent.com/-XdUIqdMkCWA/AAAAAAAAAAI/AAAAAAAAAAA/4252rscbv5M/photo.jpg?sz=64"/> <img id='imgB' src="https://lh3.googleusercontent.com/-ugd4YTD60WY/AAAAAAAAAAI/AAAAAAAAAAA/AMZuuclfd8tK4TmHmCGTFZSkqc8VSPTITA/s96-c/photo.jpg?sz=64"/> </div>