Comment changer la couleur de fond (vert/rouge) en HTML vide sur certaines touches ?

Question

Quelqu'un a-t-il une solution pour changer la couleur d'arrière-plan en HTML lorsque certains boutons sont enfoncés, par exemple la lettre A. Chaque fois que j'appuie sur le bouton, la couleur passe à une autre couleur (du rouge au vert ou du vert au rouge) et reste ainsi. Mais la bonne nouvelle est que cela fonctionne lorsque je ne me concentre pas sur le navigateur Web, donc cela fonctionne également lorsque j'utilise d'autres applications via le navigateur. Désolé pour les questions noob et la barrière de la langue. merci pour votre réponse.

Semblable à ce lien, mais devrait être sur la clé : Comment changer différentes couleurs d'arrière-plan en utilisant un seul bouton

P粉345302753 · Answer

Vous pouvez utiliser JavaScript pour détecter les événements clés et modifier la couleur d'arrière-plan

Change background color on keypress

Press the 'A' key to change the background color!

P粉015402013 · Answer

Je ne pense pas qu'il soit possible de faire en sorte qu'il s'active lorsque la touche A est enfoncée depuis une autre fenêtre, car sur la plupart des systèmes d'exploitation, le clavier se concentre automatiquement sur la fenêtre ciblée. Il existe probablement une application pour cela, mais elle est vraiment peu pratique à utiliser (si vous essayez d'appuyer sur la touche A dans l'application, cela vous amène à la fenêtre).

Mais si vous trouvez un moyen, voici votre réponse. Pour référence, je suppose que l'arrière-plan de votre site est déjà rouge.

let isRed = true;
  document.addEventListener('keydown', (event) => {
    if (event.key === 'a') {
      if (isRed) {
        document.body.style.backgroundColor = 'green';
        isRed = false;
      } else {
        document.body.style.backgroundColor = 'red';
        isRed = true;
      }
    }
  });