Адмена дзеяння па змаўчанні ў JavaScript

Часам з дапамогай JavaScript патрабуецца адмяніць дзеянне тэга па змаўчанні. Напрыклад, па націску на спасылку адмяніць пераход па гэтай спасылцы. Як правіла такое патрабуецца ў тым выпадку, калі гэтую спасылку мы выкарыстоўваем проста для запуску якіх-небудзь кода. У гэтым выпадку тое, што пры кліку на спасылку адбудзецца пераход па ёй, нам зусім не трэба.

Адмена дзеяння па змаўчанні вырабляецца з дапамогай аб'екта Event. Для гэтага ў яго ёсць спецыяльны метад preventDefault(), які варта выклікаць у любым месцы апрацоўшчыка падзеі.

Паспрабуем на практыцы. Хай у нас ёсць вось такая спасылка:

html<a href="/by/" id="elem">спасылка</a>

Давайце зробім так, каб па кліку на спасылку не адбывалася пераходу на іншую старонку:

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

elem.addEventListener('click', function(event) {
  event.preventDefault();
  console.log('Вы не можаце перайсці па гэтай спасылцы!');
});
Задание 1

Даны спасылкі. Зрабіце так, каб па кліку на спасылку ёй у канец запісваўся яе href, а пераходу па спасылцы не адбывалася.

Задание 2

Даны два інпуты, абзац і спасылка. Хай у інпуты ўводзяцца дадатныя лікі. Зрабіце так, каб па кліку на спасылку ў абзац запісалася сума ўведзеных дадатных лікаў.