[Resuelto] -Problemas al tratar de modificar un style desde javascript
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'
}
};
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'
}
}; ```
Espero que se entienda pq la verdad es que no me deja ni editar ni eliminar el post
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 👍🏽
Escribe una respuesta
@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'
}
};