Event-objekt ved parameteroverføring

La oss si at vi har en funksjon func som vi ønsker å bruke som en hendelseshåndterer. La oss si at denne funksjonen tar en parameter:

function func(arg) {
	console.log(arg);
}

La oss bruke denne funksjonen som en hendelseshåndterer, og sende den en parameter:

function App() {
	function func(arg) {
		console.log(arg);
	}
	
	return <div>
		<button onClick={() => func('eee')}>act</button>
	</div>;
}

La oss nå si at vi i tillegg til parameteren ønsker å få Event-objektet i funksjonen vår. For å gjøre dette må vi gjøre følgende:

function App() {
	function func(arg, event) {
		console.log(arg, event);
	}
	
	return <div>
		<button onClick={event => func('eee', event)}>act</button>
	</div>;
}

Forklar hvordan den viste koden fungerer.

Endre den viste koden slik at funksjonen tar imot to parametere.

Modifiser den forrige oppgaven slik at hendelsesobjektet sendes som første parameter i funksjonen, og ikke som den siste.

Modifiser den forrige oppgaven slik at hendelsesobjektet sendes som andre parameter i funksjonen, og befinner seg mellom den første og tredje parameteren.