L'événement Keydown ne déclenche pas une fonction

Question

J'ai fait un code simple qui devrait changer la visibilité de la boîte pendant que l'on appuie sur une touche, mais quelque chose ne va pas parce que le bouton pressé indique toujours que c'est faux.

Cela devrait fonctionner que lorsque « f » touche, en ce moment, il ne fonctionne pas du tout ...

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

Je sais que je peux utiliser jquery mais je voudrais de le faire dans JS pur

Salue

Answer 1

erreur de syntaxe légère:

if(e.keycode == 70) 

devrait être:

if(e.keyCode == 70) 

Avis de la capitale C.

Answer 2

Cela peut utile. Après exécuter le code appuyez sur la touche « F » sur le clavier pour voir le div rouge

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>