Estoy tratando de recorrer cada botón para verificar si se ha hecho clic en él, y si se ha hecho clic en un botón, entonces llame a la función test(). Sin embargo, se llama a la función y se registra "prueba" en la consola tres veces antes de que se presione cualquier botón. ¿Por qué se ejecuta la función antes de que el usuario presione un botón?

 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Rock, Paper, Scissors</title> </head> <body> <h1>Rock, Paper, Scissors!</h1> <button id="ROCK">Rock!</button> <button id="PAPER">Paper!</button> <button id="SCISSORS">Scissors!</button> <script src="javascript.js"></script> </body> </html>

 function test() { console.log('test'); } function playGame() { //check whether user has clicked button const btn = document.querySelectorAll('button'); btn.forEach(button => { button.addEventListener("click", test())}); }