JavaScript'те демейки аракетти жокко чыгаруу

Кээде JavaScript'тин жардамы менен тегтин демейки аракетин жокко чыгаруу талап кылынат. Мисалы, шилтемени басканда ошол шилтеме боюнча өтүүнү жокко чыгаруу. Адатта, бул учурда, эгерде биз ошол шилтемени жөн гана кандайдыр бир кодду иштетүү үчүн колдонуп жатсак, талап кылынат. Бул учурда шилтемени чыкылдатканда анын боюнча өтүү болушу бизге муктаж эмес.

Демейки аракетти жокко чыгаруу Event объектисинин жардамы менен жүргүзүлөт. Бул үчүн анын preventDefault() деген атайын методу бар, ал окуяны иштетүүчүнүн каалаган жеринде чыкарылышы керек.

Практикада сынап көрөлү. Бизде төмөнкүдөй шилтеме бар болсун:

<a href="/" id="elem">шилтеме</a>

Келгиле, шилтемени чыкылдатканда башка баракка өтүү болбосун:

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

elem.addEventListener('click', function(event) {
	event.preventDefault();
	console.log('Сиз бул шилтеме боюнча өтө албайсыз!');
});

Шилтемелер берилген. Шилтемени чыкылдатканда анын аягына анын href'и жазылып, бирок шилтеме боюнча өтүү болбосун.

Эки инпут, абзац жана шилтеме берилген. Инпуттарга сандар киргизилсин. Шилтемени чыкылдатканда абзацка киргизилген сандардын суммасы жазылсын.