Script funktioniert im body, aber nicht im head

Alex575 · 07.10.2019

Hallo zusammen,

momentan bin ich dabei mir Javascript anzueignen und noch recht neu bei der ganzen Thematik.

HTML:

<html>
    <head>
        
        
         
        <title>Javascript</title>
        
        
        
    </head>
    
    <body>
        
        <p>Was ist das Zauberwort?</p>
        
        <input type="text" id="eingabe">
        
        <button id="zauberwortTesten">Eingabe</button>
        
        
        <script type="text/javascript"> 
        
            document.getElementById("zauberwortTesten").onclick = function() {
                var eingegebenesWort = document.getElementById("eingabe").value;
                
                var zauberwort = "abrakadabra";
                
                if(eingegebenesWort == zauberwort) {
                    alert("Glückwunsch, richtiges Zauberwort! Du darfst rein!");
                }else {
                    alert("Leider falsch, versuch's nochmal!");
                }
            }
            
            
            
        
        </script>
    
    
    
    
    
    </body>
</html>

Mein Problem bzw. Frage ist nun, wieso der script-Teil nur im body und nicht auch im Head funktioniert und wie/was ich ändern muss, damit ich den script-Teil im head platzieren kann?

Vielen Dank im Voraus

MfG Alex