Skip to main content
extension
Origen Enlace
Dєηyη Crawford
  • 1.7k
  • 1
  • 11
  • 26

Aquí están pasando dos cosas:

  1. Estas asignando el valor de la imagen a una variable nueva que en si no representa a objeto de la imagen. Al asignarle el valor de x a y, y no cambiará el valor de x si esta muta.

    La manera equivocada:

    let imageSRC = imagen.src
    ...
    imageSRC = 'bar'
    

    Esto no afectará a el atributo src del objeto del nodo.

    La manera correcta:

    imagen.src = 'foo'
    ...
    imagen.src = 'bar'  
    
  2. El nombre de la imagen probablemente no es cell1.jpg, cuando. Cuando obtienes el src de una imagen esta es una url completa que incluye el protocolo, el host, el path, ect. (por ejemplo http://playcode.io/new/cell2.jpg). Para estoevaluar esta condición debes obtener primero el nombre del archivo de alguna manera, tal vezen este caso con un split y pop:

    let imageSRC = imagen.src.split('/').pop(); // => 'cell1.jpg' || 'cell2.jpg'
    

    O evaluar utilizando la url de la vista mas el nombre del archivo:

    let file1 = document.URL + '/cell1.jpg'
    ...
    if (imageSRC == file1)
    

Como ultimo esto no requiere tanta sintaxis, podrias hacerlo de la siguiente manera:

function cambiarimagen() {
   let imageSRC = imagen.src.split('/').pop();
   if (imageSRC == 'cell1.jpg') imagen.src = 'cell2.jpg'
   else imagen.src = 'cell1.jpg'
}

o simplemente:

function cambiarimagen() {
   imagen.src = imagen.src.split('/').pop() === 'cell1.jpg' ? 'cell2.jpg' : 'cell1.jpg'
}

Enlaces de interes:

Espero que te sea de ayuda, un saludo.

Aquí están pasando dos cosas:

  1. Estas asignando el valor de la imagen a una variable nueva que en si no representa a objeto de la imagen. Al asignarle el valor de x a y, y no cambiará el valor de x si esta muta.

    La manera equivocada:

    let imageSRC = imagen.src
    ...
    imageSRC = 'bar'
    

    Esto no afectará a el atributo src del objeto del nodo.

    La manera correcta:

    imagen.src = 'foo'
    ...
    imagen.src = 'bar'  
    
  2. El nombre de la imagen probablemente no es cell1.jpg, cuando obtienes el src de una imagen esta es una url completa que incluye el protocolo, el host, el path, ect. Para esto debes obtener primero el nombre del archivo de alguna manera, tal vez con un split y pop:

    let imageSRC = imagen.src.split('/').pop(); // => 'cell1.jpg' || 'cell2.jpg'
    

    O evaluar utilizando la url de la vista mas el nombre del archivo:

    let file1 = document.URL + '/cell1.jpg'
    ...
    if (imageSRC == file1)
    

Como ultimo esto no requiere tanta sintaxis, podrias hacerlo de la siguiente manera:

function cambiarimagen() {
   let imageSRC = imagen.src.split('/').pop();
   if (imageSRC == 'cell1.jpg') imagen.src = 'cell2.jpg'
   else imagen.src = 'cell1.jpg'
}

o simplemente:

function cambiarimagen() {
   imagen.src = imagen.src.split('/').pop() === 'cell1.jpg' ? 'cell2.jpg' : 'cell1.jpg'
}

Espero que te sea de ayuda, un saludo.

Aquí están pasando dos cosas:

  1. Estas asignando el valor de la imagen a una variable nueva que en si no representa a objeto de la imagen. Al asignarle el valor de x a y, y no cambiará el valor de x si esta muta.

    La manera equivocada:

    let imageSRC = imagen.src
    ...
    imageSRC = 'bar'
    

    Esto no afectará a el atributo src del objeto del nodo.

    La manera correcta:

    imagen.src = 'foo'
    ...
    imagen.src = 'bar'  
    
  2. El nombre de la imagen probablemente no es cell1.jpg. Cuando obtienes el src de una imagen esta es una url completa que incluye el protocolo, el host, el path, ect. (por ejemplo http://playcode.io/new/cell2.jpg). Para evaluar esta condición debes obtener primero el nombre del archivo de alguna manera, en este caso con un split y pop:

    let imageSRC = imagen.src.split('/').pop(); // => 'cell1.jpg' || 'cell2.jpg'
    

    O evaluar utilizando la url de la vista mas el nombre del archivo:

    let file1 = document.URL + '/cell1.jpg'
    ...
    if (imageSRC == file1)
    

Como ultimo esto no requiere tanta sintaxis, podrias hacerlo de la siguiente manera:

function cambiarimagen() {
   let imageSRC = imagen.src.split('/').pop();
   if (imageSRC == 'cell1.jpg') imagen.src = 'cell2.jpg'
   else imagen.src = 'cell1.jpg'
}

o simplemente:

function cambiarimagen() {
   imagen.src = imagen.src.split('/').pop() === 'cell1.jpg' ? 'cell2.jpg' : 'cell1.jpg'
}

Enlaces de interes:

Espero que te sea de ayuda, un saludo.

correcciones
Origen Enlace
Dєηyη Crawford
  • 1.7k
  • 1
  • 11
  • 26

Aquí están pasando dos cosas:

  1. Estas asignando el valor de la imagen a una variable nueva que en si no representa a objeto de la imagen. Al asignarle el valor de x a y, y no cambiará el valor de x si esta muta.

    La manera equivocada:

    let imageSRC = imagen.src
    ...
    imageSRC = 'bar'
    

    Esto no afectará a el atributo src del objeto del nodo.

    La manera correcta:

    imagen.src = 'foo'
    ...
    imagen.src = 'bar'  
    
  2. El nombre de la imagen probablemente no es cell1.jpg, cuando obtienes el src de una imagen esta es una url completa que incluye el protocolo, el host, el path, ect. Para esto debes obtener primero el nombre del archivo de alguna manera, tal vez con un split y pop:

    let imageSRC = imagen.src.split('/').pop(); // => 'cell1.jpg' || 'cell2.jpg'
    

    O evaluar utilizando la url de la vista mas el nombre del archivo:

    let file1 = document.URL + '/cell1.jpg'
    ...
    if (imageSRC == file1)
    

Como ultimo esto no requiere tanta sintaxis, podrias hacerlo de la siguiente manera:

function cambiarimagen() {
   let imageSRC = imagen.src.split('/').pop();
   if (imageSRC == 'cell1.jpg') imagen.src = 'cell2.jpg'
   else imagen.src = 'cell1.jpg'
}

o simplemente:

function cambiarimagen() {
   imagen.src = imagen.src.split('/').pop() === 'cell1.jpg' ? 'cell2.jpg' : 'cell1.jpg'
}

Espero que te sea de ayuda, un saludo.

Aquí están pasando dos cosas:

  1. Estas asignando el valor de la imagen a una variable nueva que en si no representa a objeto de la imagen. Al asignarle el valor de x a y, y no cambiará el valor de x si esta muta.

    La manera equivocada:

    let imageSRC = imagen.src
    ...
    imageSRC = 'bar'
    

    Esto no afectará a el atributo src del objeto del nodo.

    La manera correcta:

    imagen.src = 'foo'
    ...
    imagen.src = 'bar'  
    
  2. El nombre de la imagen probablemente no es cell1.jpg, cuando obtienes el src de una imagen esta es una url completa que incluye el protocolo, el host, el path, ect. Para esto debes obtener primero el nombre del archivo de alguna manera, tal vez con un split y pop:

    let imageSRC = imagen.src.split('/').pop(); // => 'cell1.jpg' || 'cell2.jpg'
    

    O evaluar utilizando la url de la vista mas el nombre del archivo:

    let file1 = document.URL + '/cell1.jpg'
    ...
    if (imageSRC == file1)
    

Como ultimo esto no requiere tanta sintaxis, podrias hacerlo de la siguiente manera:

function cambiarimagen() {
   let imageSRC = imagen.src.split('/').pop();
   if (imageSRC == 'cell1.jpg') imagen.src = 'cell2.jpg'
   else imagen.src = 'cell1.jpg'
}

o simplemente:

function cambiarimagen() {
   imagen.src.split('/').pop() === 'cell1.jpg' ? 'cell2.jpg' : 'cell1.jpg'
}

Espero que te sea de ayuda, un saludo.

Aquí están pasando dos cosas:

  1. Estas asignando el valor de la imagen a una variable nueva que en si no representa a objeto de la imagen. Al asignarle el valor de x a y, y no cambiará el valor de x si esta muta.

    La manera equivocada:

    let imageSRC = imagen.src
    ...
    imageSRC = 'bar'
    

    Esto no afectará a el atributo src del objeto del nodo.

    La manera correcta:

    imagen.src = 'foo'
    ...
    imagen.src = 'bar'  
    
  2. El nombre de la imagen probablemente no es cell1.jpg, cuando obtienes el src de una imagen esta es una url completa que incluye el protocolo, el host, el path, ect. Para esto debes obtener primero el nombre del archivo de alguna manera, tal vez con un split y pop:

    let imageSRC = imagen.src.split('/').pop(); // => 'cell1.jpg' || 'cell2.jpg'
    

    O evaluar utilizando la url de la vista mas el nombre del archivo:

    let file1 = document.URL + '/cell1.jpg'
    ...
    if (imageSRC == file1)
    

Como ultimo esto no requiere tanta sintaxis, podrias hacerlo de la siguiente manera:

function cambiarimagen() {
   let imageSRC = imagen.src.split('/').pop();
   if (imageSRC == 'cell1.jpg') imagen.src = 'cell2.jpg'
   else imagen.src = 'cell1.jpg'
}

o simplemente:

function cambiarimagen() {
   imagen.src = imagen.src.split('/').pop() === 'cell1.jpg' ? 'cell2.jpg' : 'cell1.jpg'
}

Espero que te sea de ayuda, un saludo.

correcciones
Origen Enlace
Dєηyη Crawford
  • 1.7k
  • 1
  • 11
  • 26

aquíAquí están pasando dos cosas:

  1. Estas asignando el valor de la imagen a una variable nueva que en si no representa a objeto de la imagen. Al asignarle el valor de x a y, y no cambiará el valor de x si esta muta.

    La manera equivocada:

    let imageSRC = imagen.src
    ...
    imageSRC = 'bar'
    

    Esto no afectará a el atributo src del objeto del nodo.

    La manera correctaLa manera correcta:

    imagen.src = 'foo'
    ...
    imagen.src = 'bar'  
    
  2. El nombre de la imagen probablemente no es cell1.jpg, cuando obtienes el src de una imagen esta es una url completa que incluye el protocolo, el host, el path, ect. Para esto debes u obtener primero el nombre del archivo de alguna manera, tal vez con un split y pop:

    let filenameimageSRC = imagen.src.split('/').pop(); // => 'cell1.jpg' || 'cell2.jpg'
    

    O evaluar utilizando la url de la vista mas el nombre del archivo:

    let file1 = document.URL + '/cell1.jpg'
    ...
    if (imageSRC == file1)
    

O utilizando la url de la vista mas el nombre del archivo:

let filename = document.URL + cell1.jpg

Como ultimo esto no requiere tanta sintaxis, podrias hacerlo de la siguiente manera:

function cambiarimagen() {
   let imageSRC = imagen.src.split('/').pop();
   if (imageSRC == 'cell1.jpg') imagen.src = 'cell2.jpg'
   else imagen.src = 'cell1.jpg'
}

o simplemente:

function cambiarimagen() {
   imagen.src.split('/').pop() === 'cell1.jpg' ? 'cell2.jpg' : 'cell1.jpg'
}

Espero que te sea de ayuda, un saludo.

aquí están pasando dos cosas:

  1. Estas asignando el valor de la imagen a una variable nueva que en si no representa a objeto de la imagen. Al asignarle el valor de x a y, y no cambiará el valor de x si esta muta.

    La manera equivocada:

    let imageSRC = imagen.src
    ...
    imageSRC = 'bar'
    

    Esto no afectará a el atributo src del objeto del nodo.

    La manera correcta:

    imagen.src = 'foo'
    ...
    imagen.src = 'bar'  
    
  2. El nombre de la imagen probablemente no es cell1.jpg, cuando obtienes el src de una imagen esta es una url completa que incluye el protocolo, el host, el path, ect. Para esto debes u obtener primero el nombre del archivo de alguna manera, tal vez con un split y pop:

    let filename = imagen.src.split('/').pop();
    

O utilizando la url de la vista mas el nombre del archivo:

let filename = document.URL + cell1.jpg

Como ultimo esto no requiere tanta sintaxis, podrias hacerlo de la siguiente manera:

function cambiarimagen() {
   let imageSRC = imagen.src.split('/').pop();
   if (imageSRC == 'cell1.jpg') imagen.src = 'cell2.jpg'
   else imagen.src = 'cell1.jpg'
}

o simplemente:

function cambiarimagen() {
   imagen.src.split('/').pop() === 'cell1.jpg' ? 'cell2.jpg' : 'cell1.jpg'
}

Espero que te sea de ayuda, un saludo.

Aquí están pasando dos cosas:

  1. Estas asignando el valor de la imagen a una variable nueva que en si no representa a objeto de la imagen. Al asignarle el valor de x a y, y no cambiará el valor de x si esta muta.

    La manera equivocada:

    let imageSRC = imagen.src
    ...
    imageSRC = 'bar'
    

    Esto no afectará a el atributo src del objeto del nodo.

    La manera correcta:

    imagen.src = 'foo'
    ...
    imagen.src = 'bar'  
    
  2. El nombre de la imagen probablemente no es cell1.jpg, cuando obtienes el src de una imagen esta es una url completa que incluye el protocolo, el host, el path, ect. Para esto debes obtener primero el nombre del archivo de alguna manera, tal vez con un split y pop:

    let imageSRC = imagen.src.split('/').pop(); // => 'cell1.jpg' || 'cell2.jpg'
    

    O evaluar utilizando la url de la vista mas el nombre del archivo:

    let file1 = document.URL + '/cell1.jpg'
    ...
    if (imageSRC == file1)
    

Como ultimo esto no requiere tanta sintaxis, podrias hacerlo de la siguiente manera:

function cambiarimagen() {
   let imageSRC = imagen.src.split('/').pop();
   if (imageSRC == 'cell1.jpg') imagen.src = 'cell2.jpg'
   else imagen.src = 'cell1.jpg'
}

o simplemente:

function cambiarimagen() {
   imagen.src.split('/').pop() === 'cell1.jpg' ? 'cell2.jpg' : 'cell1.jpg'
}

Espero que te sea de ayuda, un saludo.

Origen Enlace
Dєηyη Crawford
  • 1.7k
  • 1
  • 11
  • 26
Loading