小编Tud*_*tol的帖子

class battleShips {
  constructor(squareNr) {
    this.squareNr = squareNr;
    this.createField();
  }
  createField() {
    let shipsCount = 0;
    for (let i = 0; i < this.squareNr; i++) {
      let fieldSquare = document.createElement("div");
      fieldSquare.className = "squareStyle";
      document.querySelector(".arrayWrap").appendChild(fieldSquare);
      fieldSquare.setAttribute("value", "false");
      this.selectShips(fieldSquare, shipsCount);
    }
  }
  selectShips(square, count) {
    square.addEventListener("click", function() {
      if (square.getAttribute("value") === "false") {
        square.setAttribute("value", "true");
        square.style.backgroundColor = "green";
        count += 1;
        console.log(count);
        document.querySelector(".shipCounter").textContent = "You have selected " + count + " ships";
      } else {
        square.setAttribute("value", "false");
        square.style.backgroundColor = "white"; …