Votre fonction serait

<img src="assets/images/logo.svg" id="logo" onclick="alertPlay('play')">

Et le HTML

const alertPlay = (message) => alert(message);

p >

Vous utilisez une syntaxe incorrecte. () => alert ("play"); est le corps de la fonction. Vous devez l'attribuer à une variable en utilisant = .
OP a demandé en commentaire: Aussi, pourquoi devrais-je mettre le () entre le = et le => :
Parce que sa syntaxe correcte est décrite par docs a >

La liste des paramètres d'une fonction sans paramètre doit être écrite avec une paire de parenthèses.

<img src="assets/images/logo.svg" id="logo" onclick="alertPlay()">

const alertPlay = () => alert("play");

Un peu plus récent:

Vous devez utiliser comme:

onclick="alertPlay()"

Et dans votre html, il devrait simplement être: (Aucune parenthèse requise)

const alertPlay = () => alert('play');

Si vous voulez transmettre la valeur dynamique plutôt que simplement play , vous devrez utiliser comme:

const alertPlay = (str) => alert(str);

Je vais essayer d'expliquer tous les éléments de la fonction de flèche que vous pouvez utiliser.

<img src="assets/images/logo.svg" id="logo" onclick="alertPlay('play')">

const alertPlay = (message) => alert(message);

const funcName représente le nom de la fonction et qu'il est immuable, soulevant une erreur si vous essayez pour réaffecter sa valeur.

= (parameters) => alert ('message');

attribue à funcName la valeur, le premier est une parenthèse pour tous les arguments de la fonction, le la flèche est utilisée à la place du mot-clé de fonction avant la parenthèse et alert ('message'); est le javascript que vous souhaitez exécuter. Votre code javascript peut être plus long et vous pouvez alors utiliser des crochets {}.

Exemple de travail:

const funcName = (parameters) => alert('message');