document.addEventListener("DOMContentLoaded", function() {
    let table = document.getElementById('table');
    let table2 = document.getElementById('table2');
    let atari = document.getElementById('atari');
    let atari2 = document.getElementById('atari2');
    let selectedCell = [];
    table.addEventListener("click", function(event)  {
	if(event.target.tagName ==='TD'&& !event.target.classList.contains('hidden')){
	    atari.textContent = event.target.textContent;
	    event.target.classList.add('selected');
	    selectedCell.push(event.target);
	    check();
	}

    }
			  );
    table2.addEventListener("click", function(event2)  {
	if(event2.target.tagName ==='TD'&& !event2.target.classList.contains('hidden')){
	    atari2.textContent = event2.target.textContent;
	    event2.target.classList.add('selected');
	    selectedCell.push(event2.target);
	    check();
	};

    });
    function check(){
	if(selectedCell.length === 2){
	    const[cell1,cell2] = selectedCell;
	    if(cell1.getAttribute('value') === cell2.getAttribute('value')){
		cell1.classList.add('hidden');
		cell2.classList.add('hidden');
	    }else{
		cell1.classList.remove('selected');
		cell2.classList.remove('selected');
	    }
	    selectedCell = [];
	}
    }
    });