JSFiddle - React, Tailwind, and code Playground

by Leonardo Lo Presti

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<span class="fa fa-arrow-right">0</span><br> <!-- flechedroite[0]  -->
<span class="fa fa-arrow-right">1</span><br> <!-- flechedroite[1]  -->
<span class="fa fa-arrow-right">2</span><br> <!-- flechedroite[2]  -->
<span class="fa fa-arrow-right">3</span><br> <!-- flechedroite[3]  -->

JavaScript

var flechedroite = document.getElementsByClassName('fa fa-arrow-right');
for (var i = 0; i < flechedroite.length; i++) {
 

flechedroite[i].addEventListener('click', function() {
    
    alert('flechedroite');

});

}