Boa tarde, sou novo em js e estou aprendendo!!
Eu tenho uma tag <h1 class="title">
, essa classe "title" tem alguns estilos css font-size; display-none; color
! o que eu queria fazer é quando clicasse em um botão que tenho também no HTML, eu gostaria de remover apenas o display: none
da classe. eu até coloquei o display: none
em uma classe separada, para assim remover a classe toda, mas gostaria de saber como posso fazer removendo somente o display: none
da classe title.
meu código:
const btn = document.querySelector('.btn');
const title = document.querySelector('.title');
btn.addEventListener('click'), () => {
// removendo a classe toda
title.classList.remove('title');
}
Obrigado!!
title.style.display = "block"
. developer.mozilla.org/en-US/docs/Web/API/HTMLElement/styletitle.classList.add('visible')
, e crie uma classevisible
comdisplay: block
.