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

Avatar

@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

@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

@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

@gpappaterra

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

Avatar

@jopzik

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

@gpappaterra

Todo bn Juan, gracias. Ya lo sabia, pero cuando le pongo vista previa me aparecen todos los cuadros desbordados. Igual como critica constructiva estaria bueno tener la opcion de editar y eliminar un post.

Saludos

Avatar

@gpappaterra

Listo muchachos..... ya lo solucione!!!!! 😄 se me prendio la lamparita 😅... El problema estaba que cuando me traia el elemento con containerDespacho = document.getElementsByClassName('containerDespacho'), lo hacia como un array, por lo cual cuando le trataba de meter los estilos me olvidaba de poner el objeto con los corchetes. Espero que si alguien mas ha pasado por este tipo de problema le sirva este post

Saludos

Avatar

@gpappaterra

Listo muchachos..... ya lo solucione!!!!! 😄 se me prendio la lamparita 😅... El problema estaba que cuando me traia el elemento con containerDespacho = document.getElementsByClassName('containerDespacho'), lo hacia como un array, por lo cual cuando le trataba de meter los estilos me olvidaba de poner el objeto con los corchetes. Espero que si alguien mas ha pasado por este tipo de problema le sirva este post

Saludos

Recuerdainiciar sesiónpara participar en la comunidad.