addeventlistener doesnt run function

Question

Everything works fine except the part with the id "spiel". There should have been a simlpe Number game where you need to guess a random generated number between 1 and 1000. It also helps you by saying if your input was to small or big (groß und klein). You have 10 tries to guess the number or you lose.

But nothing happens when I put some number in and press Enter button.

Before this it was giving

"TypeError: guess is not a function at HTMLButtonElement.onclick"

So I removed the onclick because I already have addeventlistener.

But this time it doesn't give any errors and just doesn't work.

(I would normally just send the part with the game i am not sure if there is any other reasons for this.)

  randomnum = Math.floor(Math.random() * 1001);
  tries = 10;
  
  function guess(){
    tries--;
  
    if (document.getElementById("input").value == randomnum) {
        document.getElementById("input").select();
        document.getElementById("result").innerHTML = "Gut";
    }
    if (document.getElementById("input").value < randomnum) {
        document.getElementById("input").select();
        document.getElementById("help").innerHTML = "Zu Klein";
    }
    if (document.getElementById("input").value > randomnum) {
        document.getElementById("input").select();
        document.getElementById("help").innerHTML = "Zu Groß";
    }
    if (tries == 0) {
        document.getElementById("input").select();
        document.getElementById("result").innerHTML = "Du hast keine versucher mehr";
    }
}
document.getElementById("guess").addEventListener("click", guess());

*{
  font-family: 'Chau Philomene One', sans-serif;
}
.leiste {
  background-color: #EBBA0E;
  height: 60px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  position: fixed;
  width: 100%;
}
.leistelist li {
  display: inline-block;
  padding: 0px 5px;
}
.leistelist {
  float: right;
}
.letzt {
  margin: 0px 30px 0px 0px;
}
body {
  margin: 0px;
}
.mainns {
  margin: 0px 0px 0px 0px;
}
footer section {
  border: 5px solid #2BFAB2;
  padding: 5px;
  margin: 50px 50px;
  border-radius: 15px;
}
footer section Input {
  border-radius: 50px;
  border-color: #0CF72C;
}
footer section p {
  color: #1DDE0B;
  margin-block-end: 5px;
  margin-block-start: 0px;
}
#infowebsite {
  text-align: center;
  color: beige;
  background-image: url("log5far.png");
  background-position: center;
  background-size: cover;
  padding: 250px;
}
#infowebsite h1 {
  font-size: 64px;
  margin: 0px;
}
#infowebsite h2 {
  font-size: 32px;
  margin: 0px;
}
main div table tbody tr th img {
  border-radius: 5px;
}
#infoich {
  background-color: #EB6E38;
  background-position: top;
  background-size: cover;
  padding: 69px;
}
#infoich h2 {
  margin-block-start: 0px;
  color: #38EBD3;
  font-size: 36px;
}
#infoich p {
  color: #38EBD3;
  font-size: 24px;
}
#bilder {
  background-color: dimgray;
}
#bilder h2 {
  margin-block-start: 0px;
  padding: 50px 0px 0px 0px;
  text-align: center;
  font-size: 52px;
  color: cornsilk;
}
.Logo {
  padding: 5px 5px 5px 25px;
}
.inputtext {
  padding: 5px 900px 0px 0px;
  border-radius: 5px;
  margin: 5px 5px 5px 0px;
}
#kontakt h2 {
  margin-block-start: 0px;
  margin-block-end: 0px;
}
#ap {
  text-align: center;
  
}
#kontakt {
  background-color: cornflowerblue;
}
footer {
  background-color: rgb(166, 212, 253);
}
#spiel {
  background-color: rgb(65, 65, 65);
}
#spiel h2 {
  margin-block-end: 0px;
  margin-block-start: 0px;
}
footer hr {
  margin-block-start: 0px;
  margin-block-end: 0px;
  border: darkmagenta solid 1px;
}
#ap :hover {
  color: wheat;
}
.leistelist li :hover {
  color: wheat;
}
#result {
  margin-block-end: 0px;
  margin-block-start: 0px;
  padding: 50px;
}



  
    Renders
    
    
    
    
    
  
  
    
      
        
        
          Start
          Über Mich
          Galerie
          Spiel
          Kontakt
        
      
    
    
        
          Blender Renders
          von John Josh
        
      
        
          Über Mich
            Über mich gibts nichts viel.
            Ich habe diese Website gestaltet um html und css zu lernen sowie auch meine 3D arbeit vorzustellen.
        
        
          Galerie
          
            
Für andere Phtotos drücken sie Hier.

              
                
                  
                  
                  
                
                
                  
                  
                  
                
                
                  
                  
                  
                
                
                  
                  
                  
                
                
                  
                  
                  
                
                
                  
                  
                  
                
                
                  
                    
                  
                
              
            
          
        
        
          Ein kleine Zahl Spiel

           Rechner wird ein zahl zwischen 1 und 1000 wahlen.
          Als spieler muss raten welche zahl es ist.
          Schreib deine antworten in unten gegebene feld.

          
          
          
          
          
        
      
    
    
      
      
        Kontakt
        Kontaktieren sie uns durch unten gegebene formular (zu zeit funktiniert es nicht).
        
          
          
          
                  </form>
      </section>
      </form>
    </footer>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  </body>
</html></code></pre>
</div>
</div>
</p>

user_16593275 · Answer

You need to pass a function, but you are passing the result of a function call

Try:

document.getElementById("guess").addEventListener("click", guess);

addeventlistener doesnt run function

1 Answers