Carai, quem diria, eu solucionei um problema sozinho, não precisei do ChatGPT pra corrigir um erro, usei lógica, foi algo básico, mas eu fiz sozinho

O ChatGPT me deu esse código pra eu criar um modal:

function abrirConfiguracoes() {
document.getElementById('configModal').classList.add('active'); }
function fecharConfiguracoes() {
document.getElementById('configModal').classList.remove('active'); }

Porém eu não tinha nenhum desses elementos no meu código, e ficou mais ou menos assim:

function openConfig() {
document.getElementById('configModal').classList.add('show'); }
function closeConfig() {
document.getElementById('configModal').classList.remove('show'); }

Porém esse código não tava funcionando, e o Modal estava aberto 100% do tempo, então fiz isso:

.show { display: block; }
.hide { display: none;}

E coloquei isso:

id="configModal" class="modal hide">
O que deseja buscar?
 type="checkbox" checked disabled> Florestas naturais
 type="checkbox" disabled> Cidades
 type="checkbox" disabled> Locais abandonados
 type="checkbox" disabled> Áreas desmatadas
 type="checkbox" disabled> Áreas queimadas
 onclick="fecharConfiguracoes()">Fechar

E atualizei o código pra isso:

function openConfig() {
document.getElementById('configModal').classList.add('show');
document.getElementById('configModal').classList.remove('hide'); }

function closeConfig() {
document.getElementById('configModal').classList.remove('show');
document.getElementById('configModal').classList.add('hide'); }

É algo simples.

Mas não é que funcionou? To surpreso.

O Modal abre e fecha sem nenhum problema agora, não há erros, bugs, tá tudo 100% fluido e funcional.