Preklic privzetega dejanja v JavaScript

Včasih je potrebno s pomočjo JavaScript preklicati privzeto dejanje označevalnika. Na primer, ob kliku na povezavo preklicati premik po tej povezavi. Običajno je to potrebno v primeru, če to povezavo uporabljamo preprosto za zagon katere kode. V tem primeru to, da ob kliku na povezavo pride do premika po njej, za nas sploh ni potrebno.

Preklic privzetega dejanja se izvede s pomočjo objekta Event. Za to ima posebno metodo preventDefault(), ki jo je treba poklicati na katerem koli mestu obdelovalnika dogodka.

Poskusimo v praksi. Naj imamo tukaj takšno povezavo:

html<a href="/" id="elem">povezava</a>

Naredimo tako, da ob kliku na povezavo ne pride do premika na drugo stran:

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

elem.addEventListener('click', function(event) {
  event.preventDefault();
  console.log('Ne morete slediti tej povezavi!');
});
Задание 1

Podane so povezave. Naredite tako, da ob kliku na povezavo se ji na konec zapiše njen href, premika po povezavi pa ne pride.

Задание 2

Podana sta dva vnosna polja, odstavek in povezava. Naj se v vnosna polja vnesejo številke. Naredite tako, da ob kliku na povezavo se v odstavek zapiše vsota vnesenih števil.