JSFiddle - React, Tailwind, and code Playground

HTML

<div class = "block"></div> 
		<div class = "block"></div> 
		<div class = "block"></div> 
		<div class = "block"></div> 
		<div class = "block"></div> 
		<div class = "block"></div> 
		<div class = "block"></div> 
		<div class = "block"></div>

CSS

.block {
	border: 1px solid #ccc;
	width: 100px;
	height: 100px;
	display: inline-block;	
	}

JavaScript

var firstArr = ["1", "2", "3", "4", "5", "7", "8"];

	var fillBlock = (function() {
		var filling = document.querySelector('.block');
				for(i=0; i<=8; i++) {
			filling.innerHTML = firstArr[i];
			console.log(firstArr[i]);
		}
	});
	
var oncl = document.querySelector('.block');
oncl.addEventListener('click', fillBlock, false);