JSFiddle - React, Tailwind, and code Playground

by Alexander

HTML

<div id="i0">Text 0</div>
<div id="i1">Text 1</div>
<div id="i2">Text 2</div>
<div id="i3">Text 3</div>
<input type="button" id="btn1" value="Change">
<input type="button" id="btn2" value="Run">

CSS

div {
  margin: 10px;
  border: 1px solid #ccc;
  cursor: pointer;
  padding: 10px;
}

JavaScript

"use strict";
console.clear();

var func = [];

for (var i = 0; i < 4; i++)
	func[i] = function(){ console.log(i) }

document.querySelector(`#btn2`).onclick =
  () => { for (var i = 0; i < 4; i++) func[i]() }