Maintenant faisons la même chose pour le paragraphe:

			let toc=document.querySelector('a');
			toc.addEventListener('click',click_sur_a);
			function click_sur_a() 
			{
			  console.log('click_sur_a');
			}

			let tac=document.querySelector('span');
			tac.addEventListener('click',click_sur_span);
			function click_sur_span() 
			{
			  console.log('click_sur_span');
			}

			let para=document.querySelector('p');
			para.addEventListener('click',click_sur_p);
			function click_sur_p() 
			{
			  console.log('click_sur_p');
			}

Mettez à jour votre code et vérifiez que tout fonctionne.
Que s'affiche-t-il dans la console quand vous cliquez sur le <a> « Toc ! » ?