-2

Tenho uma div que serve como caixa de alerta. Nela tenho um texto e um botão. Preciso que toda a caixa (a div no caso) fique invisível quando o botão for clicado, mas não consegui fazer isso funcionar de jeito nenhum.

<div class="allert-box" id="hm-tools-alert">
                <p>
                    Texto
                </p>
                <button class="allert-box-close" id="hm-tools-alert-close">
                    <img src="images/icons/close.png" alt="Fechar">
                </button>
            </div>

1

1 Resposta 1

-1

É possível fazer isso com um onclick simples no botão:

.allert-box{
    width: 100%;
    height: 100%;
    border: 1px solid;
    background: teal;
    padding: 10px;
    box-sizing: border-box;
}
<div class="allert-box" id="hm-tools-alert">
    <p>
        Texto
    </p>
    <button class="allert-box-close" id="hm-tools-alert-close" onclick="this.parentElement.style.display = 'none';">FECHAR</button>
</div>

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .