Блог

Я не могу создать HTML-таблицу 4/4, в которую я могу поместить один элемент и переместить его, используя входные значения. Предположим, если input.value == 1, затем переместить вверх, input.value == 2, затем переместить вниз, input.value == 5, затем получить текущую позицию

Хотите что-то подобное? :

 elementPos = {
  row: 2,
  column: 2
};

tableRows: number = 4;
tableColumns: number = 4;

ngOnInit() {
  this.refreshTable();
}

refreshTable() {
  tableHTML = '<table><tbody>';
  for(let i=0;i<this.tableRows;i  ) {
    tableHTML  = '<tr>';
    for(let j=0;j<this.tableColumns;j  ) {
      if (this.elementPos.row === i amp;amp; this.elementPos.column === j) {
        tableHTML  = '<td><div>My Element</div></td>';
      } else {
        tableHTML  = '<td></td>';
      }
    }
    tableHTML  = '</tr>';
  }

  document.querySelector('#myTableDiv').innerHTML = tableHTML;
}

updateElePosOnInput(val) {
  switch(val) {
    case 1:
      this.elementPos.row -= 1;
      break;
    case 2:
      this.elementPos.row  = 1;
      break;
    default:
      this.elementPos.row = 2;
      this.elementPos.column = 2;
  };
  this.refreshTable();
}