Oprava JS kódu

Ahoj, můžete mi prosím poradit proč tohle nefunguje?

<form id="form" action="/">
          <input type="button" value="a">
          <input type="button" value="b">
          <input type="button" value="c">
</form>

<script>

document.addEventListener('click', function (str) {
               if ( str === 'a' ) console.log('Bylo kliknuto na tlačítko 'a');
          else if ( str === 'b' ) console.log('Bylo kliknuto na tlačítko 'b');
          else if ( str === 'c' ) console.log('Bylo kliknuto na tlačítko 'c');
});

</script>