ნაგულისხმევი მოქმედების გაუქმება JavaScript-ში

ზოგჯერ JavaScript-ის საშუალებით საჭიროა თეგის ნაგულისხმევი მოქმედების გაუქმება. მაგალითად, ბმულზე დაწკაპუნებისას ამ ბმულის მიყოლის გაუქმება. როგორც წესი, ამის საჭიროება იქმნება იმ შემთხვევაში, თუ ამ ბმულს ჩვენ ვიყენებთ მხოლოდ რაიმე კოდის გასაშვებად. ამ შემთხვევაში, ის, რომ ბმულზე დაწკაპუნებისას მოხდება მასზე გადასვლა, ჩვენთვის საერთოდ არ არის საჭირო.

ნაგულისხმევი მოქმედების გაუქმება ხორციელდება Event ობიექტის საშუალებით. ამისთვის მას გააჩნია სპეციალური მეთოდი preventDefault(), რომელიც უნდა გამოვიძახოთ მოვლენის დამმუშავებლის ნებისმიერ ადგილას.

შევეცადოთ პრაქტიკაში. დავუშვათ, გვაქვს ასეთი ბმული:

<a href="/" id="elem">ბმული</a>

მოდით, გავაკეთოთ ისე, რომ ბმულზე დაწკაპუნებისას არ მოხდეს სხვა გვერდზე გადასვლა:

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

elem.addEventListener('click', function(event) {
	event.preventDefault();
	console.log('თქვენ არ შეგიძლიათ ამ ბმულზე გადასვლა!');
});

მოცემულია ბმულები. გახადეთ ისე, რომ ბმულზე დაწკაპუნებისას მის ბოლოს ჩაიწეროს მისი href, ხოლო ბმულზე გადასვლა არ მოხდეს.

მოცემულია ორი ინფუთი, აბზაცი და ბმული. დავუშვათ, რომ ინფუთებში შეყვანილია რიცხვები. გახადეთ ისე, რომ ბმულზე დაწკაპუნებისას აბზაცში ჩაიწეროს შეყვანილი რიცხვების ჯამი.