Anulowanie domyślnej akcji w JavaScript

Czasami za pomocą JavaScript konieczne jest anulowanie domyślnej akcji znacznika. Na przykład, po kliknięciu linku anulowanie przejścia przez ten link. Zazwyczaj jest to wymagane w tym przypadku, jeśli używamy tego linku po prostu do uruchomienia jakiegoś kodu. W tym przypadku to, że po kliknięciu linku nastąpi przejście przez niego, wcale nie jest nam potrzebne.

Anulowanie domyślnej akcji odbywa się za pomocą obiektu Event. W tym celu ma on specjalną metodę preventDefault(), którą należy wywołać w dowolnym miejscu procedury obsługi zdarzenia.

Spróbujmy w praktyce. Załóżmy, że mamy taki link:

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

Zróbmy tak, aby po kliknięciu linku nie nastąpiło przejście na inną stronę:

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

elem.addEventListener('click', function(event) {
	event.preventDefault();
	console.log('Nie możesz przejść przez ten link!');
});

Dane są linki. Zrób tak, aby po kliknięciu linku na jego końcu został zapisany jego href, a przejście przez link nie nastąpiło.

Dane są dwa inputy, akapit i link. Niech w inputach wprowadzane są liczby. Zrób tak, aby po kliknięciu linku w akapicie została zapisana suma wprowadzonych liczb.