Help me! (Javascript)

Ik ben met een opdracht voro school bezig, maar ik loop tegen een probleem..

<!DOCTYPE html>
<html>
<head>
<title>Berekening</title>
<style type="text/css">

</style>



<script type="text/javascript">
    function checkLogin() {
    if (document.GetElementById("userName").value == "Sam") {
        if (document.GetElementById("passWord").value == "Hoi") {
            alert("Je bent ingelogd!");
        }
        else {
            alert("Je wachtwoord klopt niet");
        }
    else {
        alert("Je gebrnaam klopt niet");
    }
    }
</script>
</head>
<body>
    <input type="username" id="userName" />
    <input type="password" id="passWord" />
    <input type="submit" id="submit" onclick="checkLogin()" />
</body>
</html>

Ik krijg totaal geen alert op het scherm. Wat doe ik fout?

Je moet geen login systeem maken op deze manier. Heeeeel erg onveilig.

Anyway, welke foutmelding heb je in je console?

Ja dat weet ik, maar dit is om te testen.
Helaas kan ik geen PHP enzo, dus maak even zon simpel loginsysteem om te checken of ik een verbinding kan krijgen tussen de gebruiker en de browser.. wat blijkbaar hier niet werkt.

Fout in de console:
Uncaught SyntaxError: Unexpected token else test.html:20

Edit: En ja, ik weet het.. ben een zware noob in JavaScript, maar daarom wil ik het ook graag leren.

Je if statements kloppen niet

En hoe los ik dit op zodat ze wel werken.. want ik zit echt al uren van alles te proberen..

If(){

} else if() {

}

Zoiets kan je proberen

Nu krijg ik de melding:

Uncaught SyntaxError: Unexpected token else test.html:14
Geprobeerd op elke if.

Laat je code nu eens zien dan

<!DOCTYPE html>
<html>
<head>
<title>Renteberekening</title>
<style type="text/css">

</style>



<script type="text/javascript">
    function checkLogin() {

        if (document.GetElementById("userName").value == "Sam") {
            else if (document.GetElementById("passWord").value == "Hoi") {
                alert("Je bent ingelogd!");
            }
            else {
                alert("Je wachtwoord klopt niet");
            }
        else {
            alert("Je gebrnaam klopt niet");
        }
    }
</script>
</head>
<body>
    <input type="username" id="userName" />
    <input type="password" id="passWord" />
    <input type="submit" id="submit" onsubmit="checkLogin()" />
</body>
</html>

De if Statement klopt nogsteeds niet, ik geloof dat je ze niet goed afsluit.

<script type="text/javascript">
    function checkLogin() {

        if (document.GetElementById("userName").value == "Sam") {
            if (document.GetElementById("passWord").value == "Hoi") {
                alert("Je bent ingelogd!");
            } else {
                alert("Je wachtwoord klopt niet");
            }
        } else {
            alert("Je gebrnaam klopt niet");
        }
    }
</script>

Ok.. heb nu dit:

<!DOCTYPE html>
<html>
<head>
<title>Renteberekening</title>
<script type="text/javascript">
    function checkLogin() {

        if (document.GetElementById("userName").value == "Sam") {
            if (document.GetElementById("passWord").value == "Hoi") {
                alert("Je bent ingelogd!");
            } else {
                alert("Je wachtwoord klopt niet");
            }
        } else {
            alert("Je gebrnaam klopt niet");
        }
    }
</script>
</head>
<body onload="checkLogin();">
    <input type="username" id="userName" />
    <input type="password" id="passWord" />
    <input type="submit" id="submit" onclick="checkLogin()" />
</body>
</html>

Maar het doet totaal niets. Kan dit aan mijn HTML-code liggen? Want als ik dit function vervang met een normale alert doet hij ook totaal niets...

Waarom wil je als de pagina geladen wordt al controleren of er ingelogd wordt?

<!DOCTYPE html>
<html>
<head>
<title>Renteberekening</title>
<script type="text/javascript">
    function checkLogin() {

        if (document.getElementById("userName").value == "Sam") {
            if (document.getElementById("passWord").value == "Hoi") {
                alert("Je bent ingelogd!");
            } else {
                alert("Je wachtwoord klopt niet");
            }
        } else {
            alert("Je gebrnaam klopt niet");
        }
    }
</script>
</head>
<body>
    <input type="username" id="userName" />
    <input type="password" id="passWord" />
    <input type="submit" id="submit" onclick="checkLogin()" />
</body>
</html>

Oh stom, dat was een probeersel. Staat niet in mijn echte code, dus negeer die maar even.

Kijk post boven je, die werkt wel.