Membatalkan Tindakan Default di JavaScript

Terkadang dengan menggunakan JavaScript, kita perlu membatalkan tindakan default sebuah tag. Misalnya, membatalkan pergi ke tautan saat tautan tersebut ditekan. Biasanya hal ini diperlukan ketika tautan tersebut kita gunakan hanya untuk menjalankan suatu kode. Dalam kasus ini, fakta bahwa mengklik tautan akan menyebabkan pergi ke tautannya, sama sekali tidak kita inginkan.

Pembatalan tindakan default dilakukan dengan objek Event. Untuk itu ada metode khusus preventDefault(), yang harus dipanggil di mana saja dalam penangan peristiwa.

Mari kita coba dalam praktik. Misalkan kita memiliki tautan seperti ini:

<a href="/" id="elem">tautan</a>

Mari kita buat agar saat mengklik tautan tidak terjadi pergi ke halaman lain:

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

elem.addEventListener('click', function(event) {
	event.preventDefault();
	console.log('Anda tidak dapat pergi ke tautan ini!');
});

Diberikan beberapa tautan. Buatlah agar saat diklik pada sebuah tautan, href-nya ditulis di akhir tautannya, dan pergi ke tautan tidak terjadi.

Diberikan dua input, sebuah paragraf, dan sebuah tautan. Misalkan angka dimasukkan ke dalam input. Buatlah agar saat mengklik tautan, jumlah angka yang dimasukkan ditulis ke dalam paragraf.