controls.js

class Controls {
  constructor(type) {
    this.forward = false;
    this.left = false;
    this.right = false;
    this.backward = false;

    switch(type) {
        case "KEYS":
            this.#addKeyboardListeners();
            break;
        case "BOT":
            this.forward = true;
            break;
    }
  }

  // Hashtag is used to mark private methods
  #addKeyboardListeners() {
    document.onkeydown = (event) => {
      switch (event.key) {
        case "ArrowLeft":
          this.left = true;
          break;
        case "ArrowRight":
          this.right = true;
          break;
        case "ArrowUp":
          this.forward = true;
          break;
        case "ArrowDown":
          this.backward = true;
          break;
      }
    };
    document.onkeyup = (event) => {
      switch (event.key) {
        case "ArrowLeft":
          this.left = false;
          break;
        case "ArrowRight":
          this.right = false;
          break;
        case "ArrowUp":
          this.forward = false;
          break;
        case "ArrowDown":
          this.backward = false;
          break;
      }
    };
  }
}