[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é.

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