quiero capturar cual de las imágenes fue pulsada para así en el visor poder cambiar la imagen y el figcaption. Pero debo hacerlo con los eventos de campo semántico y sin tocar el html que ya tengo.

Es decir, que sea con el window.onload y capture en cual de las imágenes esta haciendo el onclick.

Escribo esto porque no me deja enviarlo con tan poca información xD.

Gracias.

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    	window.onload = function() 
    		{
    		 	let elemento = document.querySelectorAll("aside > img");


    		 	 elemento.onclick = function()
    		 	 {
    		 	 	
    				 cambiarImagen(this);
    				
     			 }

    		 	function cambiarImagen(param)
    		 	{
    		 		document.getElementsByTagName("img")[5].src = param.src;
    				document.getElementsByTagName("figcaption")[0].innerHTML = param.alt;

    		 			
    		 	}
    		}

<!-- language: lang-html -->

    <html>
    <body>
    	<h1>Visor de imágenes</h1>
    	<aside id="parte_lateral">
    		<img src="imagen1.jpeg" alt="Descripción imagen 1">
    		<img src="imagen2.jpg" alt="Descripción imagen 2">
    		<img src="imagen3.jpg" alt="Descripción imagen 3">
    		<img src="imagen4.jpg" alt="Descripción imagen 4">
    		<img src="imagen5.jpg" alt="Descripción imagen 5">
    	</aside>
    	<section id="parte_central">
    		<figure>
    			<img src="imagen1.jpeg" alt="Descripción imagen 1">
    			<figcaption>Descripción imagen 1</figcaption>
    		</figure>
    	</section>
    </body>

    </html>

<!-- end snippet -->