JavaScript dilinde neden addEventListener kullanılıyor?

Merhaba arkadaşlar. JavaScript kullanırken aynı şeyi yapmak için birden fazla syntax biçimi kullanılabilir. Aşağıdaki sorunun cevabını merak ediyorum. Aşağıdaki koda bakın:

<!DOCTYPE html>
<html lang="tr">
<head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Belge</title>
</head>
<body>
 <h1>Denemeler</h1>
<button id="tikla">Beni tıkla</button>
<script>
var button = document.getElementById('tikla');
button.addEventListener("click",() => {
alert("Hello world");
});
</script>
</body>
</html>

Burada button.addEventListener yerine button.onclick kullansaydık ne fark ederdi? Neden addEventListener kullanmaya gerek duymuşlar?