Jak pobrać id klikniętego elementu

Question

Napisałem prosty kod javascript który tworzy i wyświetla tabelke na stronie.

Chciałbym widzieć czy istnieje inny sposób na identyfikacje która komórka została kliknięta. Rozwiązałem to w taki sposób jak w kodzie poniżej czyli podczas generowania tabelki w javascript dodałem do każdej kompórki onclick w wywołaniem funkcji cell który przyjmuje za argument id danej komórki ale wydaje mi się to torchę łopatologiczne rozwiązanie.

Jeżeli wiecie jak można to zrobić lepiej to chętnie bym się dowiedział jak.

var foo = "halo";
var tabb = "";
var tab_cre = false;
var w = 5; //ilosc wierszyw tabeli
var h = 5; //ilosc kolumn w tabeli

//tworzy table o podanej wielkości i wkleja ją w html
function gizmo()
{ 
	document.getElementById("demo").innerHTML = foo;  
	for(i = 0; i < w; i++)
	{
		tabb += "<tr>";
		for(j = 0; j < h; j++)
		{
			// tworzy komórkę  o id=t i j   oraz daje onclik z danym id
			tabb += "<td id=\"t"+i+j+"\" onclick=\"cell("+i+""+j+")\"></td>";
		}
		tabb += "</tr>";
	}
	document.getElementById("tab").innerHTML = tabb;
	tabb = "";
	tab_cre = true;
}
//wyświetla id każdej komórki w niej samej
function sett()
{ 
	if(tab_cre)
	{
		for(i = 0; i < h; i++)
			for(j = 0; j < w; j++)
					document.getElementById("t"+i+j).innerHTML = "t"+i+j;
	}
	else{
		document.getElementById("demo").innerHTML = "nie ma czego ustawiac";  
	}
}
//wyswietla która komorka zostala kliknieta
function cell(id)
{
	document.getElementById("demo").innerHTML = "cell t"+id+" clicked";
}

Answer 1

Wystarczy przypiąć klik do całej tabelki i sprawdzać event.target.id