Отмяна на действието по подразбиране в JavaScript

Понякога с JavaScript се налага да отменим действието на таг по подразбиране. Например, при натискане на връзка да се отмени преходът по тази връзка. Обикновено това е необходимо, когато използваме тази връзка само за стартиране на някакъв код. В този случай фактът, че при кликване на връзката ще се осъществи преход по нея, изобщо не е желателен за нас.

Отмяната на действието по подразбиране се извършва с помощта на обекта Event. За това той има специален метод preventDefault(), който трябва да се извика на всяко място в обработващия събития.

Нека опитаме на практика. Да кажем, че имаме следната връзка:

<a href="/" id="elem">връзка</a>

Нека направим така, че при кликване на връзката да не се осъществява преход към друга страница:

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

elem.addEventListener('click', function(event) {
	event.preventDefault();
	console.log('Не можете да преминете по тази връзка!');
});

Дадени са връзки. Направете така, че при кликване на връзка в нейния край да се записва нейният href, а преход по връзката да не се осъществява.

Дадени са два полета за въвеждане, параграф и връзка. Нека в полетата за въвеждане се въвеждат числа. Направете така, че при кликване на връзката в параграфа да се запише сумата от въведените числа.