[ksa]

Как сделать чтобы цвета у других ячеек исчезали (если они есть), а цвет менялся только у той ячейки, на которую кликнули?

Как вариант...

<style type='text/css'>
.cell {
  width: 80px;
  height: 60px;
  border: 1px solid #000;
  cursor: pointer;
}
.row {
  display: flex;
}
.on {
  background-color: red;
}
</style>
<div class="row">
	<div class="cell" data-sort='0'></div>
	<div class="cell" data-sort='0'></div>
	<div class="cell" data-sort='0'></div>
</div>
<script type='text/javascript'>
var o=document.getElementsByClassName('row');
o[0].addEventListener('click',function(e){
	var oc=e.target.classList;
	if (oc.contains('cell')) {
		var el=e.target.parentNode.querySelectorAll('.cell.on')
		for (var i=0; i<el.length; i++) {
			el[i].classList.remove('on');
		};
		oc.add('on');
	};
});
</script>