tengo dos popup en mi html, el primero lo abro usando un <a href=""></a>
usando en JS addEventListener()
openPopup.addEventListener('click', function() {
overlay.classList.add('active');
]);
me abre sin problemas, pero el 2do popup necesito abrirlo desde un option en un select:
<div class="form-group">
<select class="form-control" name="subject" id="subject" required="required">
<option value="">Asunto:</option>
<option value="">Reporte de daño</option>
<option value="">Luminaria robada</option>
<option value="">Solicitud para instalaciones</option>
<option class="openPopupPqrs" id="openPopupPqrs" value="">PQRS</option>
</select>
</div>
usando esta función:
openPopupPqrs.addEventListener('click', function() {
overlayPqrs.classList.add('active');
console.log("Hola entrando a PQRS");
});
pero no entra a la función cuando doy click, y el navegador me da un error de Uncaught TypeError: Cannot read properties of null (reading 'addEventListener'), pense que iba a servirme pero parece que no.
openPopupPqrs
? Prestale atención al mensaje de error que da :)