Tableau bidimensionnel et .currentTarget

Demonstration d'un tableau bidimensionnel, de .addEventListener et de la propriété .currentTarget

by defeo

HTML

<p>Cliquez</p>
<p id="vide"></p>

CSS

#vide {
    font-size: 20px;
    width: 40px;
    height: 40px;
    border: solid thin red;
    text-align: center;
}

JavaScript

var $ = document.querySelector.bind(document);

var tableau = []

for (var i = 0 ; i < 10 ; i++) {
    tableau[i] = []
    for (var j = 0 ; j < 10 ; j++) {
        tableau[i][j] = String.fromCharCode(i*10+j+35);
    }
}

var counter = 0;
$('#vide').addEventListener('click', function(e) {
    e.currentTarget.innerHTML = tableau[parseInt(counter / 10)][counter % 10];
    counter = counter + 1 % 100;
}, true);