[Resuelto] -Problemas al tratar de modificar un style desde javascript

Avatar
Gaston Pappaterra

@gpappaterra

Buenos días, les escribo para consultarles sobre un problema que estoy teniendo con javascript. Al tratar de modificar la propiedad display de un elemento HTML, el navegador me tira el siguiente error Uncaught TypeError: Cannot set property 'display' of undefined(…). Alguien sabe que puede estar sucediendo? a continuación les dejo el codigo

HTML

     <div class="containerDespacho container">
         <h2>Despacho</h2>
         <div class="subContainer">
             <input type="radio" name="tipoDespacho" value="poliducto" checked>
             <label class="mainLabel" for="poliducto">Poliducto</label>
         </div>
         <div class="subContainer">
             <input type="radio" name="tipoDespacho" value="terminal">
             <label class="mainLabel" for="terminal">Terminal</label>
         </div>
         <div class="subContainer">
             <input type="radio" name="tipoDespacho" value="cipolletti">
             <label class="mainLabel" for="cipolletti">Cipolletti</label>
         </div>
     </div>

CSS

.containerDespacho{ display: none; }

Javascript const cambioTipo = ()=> { if(inputTipo0.checked === true){ containerDespacho.style.display = 'grid'

} else {
     containerDespacho.style.display = 'none'
}

};

Avatar
Gaston Pappaterra

@gpappaterra

Nose pq se publico todo así de feo pero el código Javascript seria el siguiente:

const cambioTipo = ()=> { if(inputTipo0.checked === true){ // console.log('El producto es de tipo frio'); containerDespacho.style.display = 'grid'

} else {
     // console.log('El producto es de tipo calido');
     containerDespacho.style.display = 'none'
}

};

Avatar
Gaston Pappaterra

@gpappaterra

const cambioTipo = ()=> {
     if(inputTipo[0].checked === true){
         // console.log('El producto es de tipo frio');
         containerDespacho.style.display = 'grid'
        
     } else {
         // console.log('El producto es de tipo calido');
         containerDespacho.style.display = 'none'
     }
}; ```
Avatar
Gaston Pappaterra

@gpappaterra

Espero que se entienda pq la verdad es que no me deja ni editar ni eliminar el post

Avatar

Hola Gastón, ¿qué tal? 😀 Recuerda que tienes el botón de vista previa para saber cómo quedará tu código antes de mandar la publicación 👍🏽

Avatar

Escribe una respuesta