Dev.to

Nova conquista desbloqueada

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: O que deseja buscar? Florestas naturais Cidades Locais abandonados Áreas desmatadas Áreas queimadas 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.

Apr 5, 2025 - 18:06
 0
Nova conquista desbloqueada

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?






 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.