If checkbox checked, instantly alert

Question:

So, my goal is this: if the checkbox is checked by the user, do something (let's say just an alert). Here's my code, that is not working:

function validate() {
    if (document.getElementById('LetterNeed').checked) {
        alert("checked");
    } else {
        alert("You didn't check it! Let me check it for you.");
    }
}    

<input type="checkbox" name="LetterNeed" id="LetterNeed">Not important</span>

Thanks for your help!

Call the validate function on change of the checkbox state.

<input type="checkbox" name="LetterNeed" id="LetterNeed" onchange="return validate()">Not important</span>
//                                                       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^

OR

document.getElementById('LetterNeed').addEventListener('change', validate);

DEMO

Related:

Javscript Replace Text in tags without changing children element HTML and Content

Google map infowindow position

Dynamically resize side-by-side images with different dimensions to the same height

Error: [$injector:unpr] Unknown provider: RestangularProvider <- Restangular <- ctrlAG

Login Signup PopUp

Automatically calling server side class without

Javascript change the souce of all images present inside a string

tag in HAML