Não consigo verificar se o checkbox foi marcado

[Sapinn 0]

Salve! Não consigo verificar se o checkbox foi marcado, isso não faz o menor sentido porquê aparentemente eu fiz tudo certo.

 

HTML:

 <div class="mt-4 mb-3 row ">

                <label class="label_checkbox">Adicionar customização

                  <input type="checkbox" id="checkbox" name="custom_shirt">

                  <span class="checkmark"></span>

                </label>



              </div>

 

JAVASCRIPT:

 let checkedCustomize = document.getElementById("checkbox");



 if(checkedCustomize.checked){

    alert("Checkbox marcado");

 }else{

     console.log("checkbox não marcado");

 }

 

[washalbano 54]

Olá!
Isso acontece pq você precisa "escutar" as alterações no checkbox.
Sugestão:
 

<script>
    const checkedCustomize = document.getElementById("checkbox");

    checkedCustomize.addEventListener('input', (e) => {
        if (e.target.checked) {
            alert("Checkbox marcado");
        } else {
            console.log("checkbox não marcado");
        }
    })
</script>

Dessa forma, cada vez que o checkbox sofrer alteração, será verificado novamente como está o seu atributo checked

[Sapinn 0]

Muito obrigado pela resposta. Exatos 2 segundos depois que eu postei percebi que deveria fazer assim.