JSFiddle - React, Tailwind, and code Playground

by jonahe

HTML

<div id="root">

</div>

JavaScript

function genCharArray(charA, charZ) {
    var a = [], i = charA.charCodeAt(0), j = charZ.charCodeAt(0);
    for (; i <= j; ++i) {
        a.push(String.fromCharCode(i));
    }
    return a;
}
const letters = genCharArray('a', 'z');

const letterButtons = 
	letters
  	.map(l => `Press button to write letter "${ l}"`)
    .map( title => { 
    	const btn = document.createElement('button');
      btn.innerHTML = title;
      return btn;
    });
    

document.getElementById("root").innerHTML = letterButtons;