Drag-Drop кораблей на таблице
 

Всем привет!

Начал писать игру "Морской бой". Вдохновение черпаю отсюда: http://ru.battleship-game.org/

На моменте реализации функционала переноса кораблей встрял( Можете подсказать варианты реализации? По ссылке выше будет понятно, что я имею в виду

Примерно так.

let down = (e, f) => {
	e.preventDefault();
	let onMouseUp = e => {
		document.removeEventListener('mouseup', onMouseUp);
		document.removeEventListener('mousemove', f);
	};
	document.addEventListener('mousemove', f);
	document.addEventListener('mouseup', onMouseUp);
};
elm.onmousedown = e => {
	down(e, e => {
		elm_x += e.movementX;
		elm_y += e.movementY;
		if(elm_x > max_x)elm_x = max_x;// Ограничения right примерно так, ещё три штуки допишите для left, top, bottom.
		//вводим координаты элементу. Например как ниже.
		elm.style.left = elm_x+'px';
		elm.style.top = elm_y+'px';
	});
};

Ещё чтоб корабли ровно вставали допишите, при отпускании, деление по модулю на шаг сетки. примерно так elm_x -= elm_x % step;