Zrušenie predvolenej akcie v JavaScripte

Niekedy je potrebné pomocou JavaScriptu zrušiť predvolenú akciu značky. Napríklad, po kliknutí na odkaz zrušiť prechod na tento odkaz. Spravidla sa to vyžaduje v prípade, že tento odkaz používame jednoducho na spustenie nejakého kódu. V tomto prípade to, že po kliknutí na odkaz dôjde k prechodu naň, nie je vôbec potrebné.

Zrušenie predvolenej akcie sa vykonáva pomocou objektu Event. Na to má špeciálnu metódu preventDefault(), ktorú treba volať na akomkoľvek mieste spracovateľa udalosti.

Skúsme to v praxi. Nech máme takýto odkaz:

<a href="/" id="elem">odkaz</a>

Urobme tak, aby po kliknutí na odkaz nedošlo k prechodu na inú stránku:

let elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
	event.preventDefault();
	console.log('Nemôžete prejsť na tento odkaz!');
});

Sú dané odkazy. Urobte tak, aby po kliknutí na odkaz sa na jej koniec zapísal jej href, a prechod na odkaz sa neuskutočnil.

Sú dané dva vstupy, odstavec a odkaz. Nech sa do vstupov zadávajú čísla. Urobte tak, aby po kliknutí na odkaz sa do odseku zapísal súčet zadaných čísel.