drawCharts(tableLetters) {
    let countryCharts = '';

    for (let i = 0; i < tableLetters.length; i++) {
        countryCharts += `
      <div class ="dropzone">
        <div class="countryChart" draggable="true"><span class="letters">${tableLetters[i]}</div>
      </div>
      `
    }
    this.charts.innerHTML = countryCharts;
    this.deleteEmptySquare();
  }

drag() {
    if (event.target.classList.contains('countryCharts') || event.target.classList.contains('dropzone') || event.target.classList.contains('letters')) {
      return false;
    }
  }

  dragStart() {
    this.dragged = event.target;
    if (this.dragged.classList.contains('countryCharts') || this.dragged.classList.contains('dropzone') || this.dragged.classList.contains('letters')) {
      return false;
    }
  }