[Résolu] Transformer onclick"this.classList.toggle()" en fonction

hello...
Malgré les nombreuses lecture sur le sujet, je n'arrive pas a transformer un onclick qui est dans mon html en une fonction à appeler.

dans mon html:
<div class="tiler" onclick="this.classList.toggle('tiler-aveclick');">
<img>
</div>

ATTENTION : ce n'est pas un onclick par #id mais par .class
j'ai cette ligne des dizaine de fois pour ouvrir des photos, je voudrais la transformer en fonction que j'appelle pour plus d'ergonomie.
PS : je suis une burne en js - j'aurais besoin de pédagogie - ceci est mon 1er post
Merci par avance...

je le passe en catégorie javascript, ca me semble plus approprié.

exactement ...
merci bcp !

J'ai une question cher aliasdmc,

je vois que ta solution utilise l'incrément de la valeur "i" qui je suppose est dans un tableau aray de tous les éléments "tiler".

function tilerToggle(oEvEnt){
  let oEle= oEvEnt.currentTarget;
  oEle.classList.toggle('tiler-aveclick');
}
document.addEventListener('DOMContentLoaded',function(){
  var aImgs = document.getElementsByClassName('tiler');
  for(var i = 0; i < aImgs.length; i++){ 
      aImgs[i].addEventListener('click',tilerToggle); 
  }//for  
});

Tu crois que tu pourrais me montrer comment passer le "tiler-aveclick" d'un "tiler" a l'autre ?
Dans mon html je mettrai un <button class"bouton">suivant</button> (et un précédent)
ça me ferai comme un caroussel une fois que mon image est en zoom..

Ce serait le bonheur suprême
merci beaucoup