Keydown Event feuert keine Funktion

Question

Ich habe einen einfachen Code gemacht, der die Sichtbarkeit der Box ändern sollte, während eine bestimmte Taste gedrückt wird, aber etwas ist falsch, denn welche Taste gedrückt wird, sagt immer, dass es falsch ist.

Dies sollte nur während „f“ arbeiten Taste gedrückt wird, wird es jetzt nicht funktioniert ...

const brick = document.querySelector('.brick'); 

window.addEventListener('keydown',function(e) 
{ 
    e.preventDefault(); 

    if(e.keycode == 70) 
    { 
     let x = event.keyCode; 
     console.log(x); 
     brick.style.visibility = "visible";  
    } else { 
     let x = e.keyCode; 
     console.log(x); 
     console.log("You've pressed wrong button") 
     brick.style.visibility ="hidden"; 
    } 

}); 

Code is Here

Ich weiß, ich jQuery verwenden, aber ich möchte dies in reinen JS

Greets

Answer 1

Leichte Syntaxfehler zu tun:

sollte sein:

if(e.keyCode == 70) 

Hinweis der Hauptstadt C.

Answer 2

Dies kann hilfreich. Nach führen Sie den Code durch Drücken der Taste „F“ in der Tastatur

die rote div zu sehen

const brick = document.querySelector('.brick'); 
 
window.addEventListener('keydown',function(e) 
 
{ 
 
     e.preventDefault(); 
 
     let x = e.keyCode;   
 
     if(x == 70) 
 
     { 
 
      
 
      //console.log(x); 
 
      brick.style.visibility = "visible";      
 
        
 
     }    
 
     else 
 
     {   
 
      //console.log(x); 
 
      //console.log("You've pressed wrong button") 
 
      brick.style.visibility ="hidden"; 
 
     } 
 
      
 
    });

.brick 
 
    { 
 
     width:100px; 
 
     height:100px; 
 
     visibility: hidden; 
 
     background-color: red; 
 
     display:block; 
 
    }

<div class="brick" > 
 
     
 
</div>