JSFiddle - React, Tailwind, and code Playground

by zxzc0

HTML

<h1>Dynamic Table</h1>
<p></p>

CSS

table {margin-left:50px; text-align:center; border-collapse:collapse;}
td, th {padding:5px; }
th {color:white; background-color:blue; font-family:Arial, Helvetica, sans-serif;}
tr:nth-child(even) {background: #CCC}

JavaScript

//Month Arrays -----------------------------------------------------------
let words = [{q:`szkoła z internatem`,qq:``,w:`boarding school`, ww:``},{q:`uniwersytet `,qq:``,w:`university`, ww:``},{q:`szkoła państwowa`,qq:``,w:`state school`, ww:``},{q:`szkoła średnia`,qq:``,w:`secondary school`, ww:``},{q:`szkoła żeńska/męska`,qq:``,w:`single-sex school`, ww:``},{q:`szkoła prywatma`,qq:``,w:`private school`, ww:``},{q:`szkoła podstawowa`,qq:``,w:`primary school`, ww:``},{q:`przedszkole`,qq:``,w:`kindergarten`, ww:``},{q:`żłobek`,qq:``,w:`nursery`, ww:``},{q:`w USA szkoła średnia dla uczniów 13-15 lat`,qq:``,w:`junior high school`, ww:``},{q:`szkoła prywatna`,qq:``,w:`independent school`, ww:``},{q:`szkoła średnia`,qq:``,w:`high school`, ww:``},{q:`szkoła średnia przyjmująca uczniów, którzy zdali egzamin wstępny`,qq:``,w:`grammar school`, ww:``},{q:`szkoła podstawowa`,qq:``,w:`elementary school`, ww:``},{q:`uczyć się zawodu`,qq:``,w:`do vocational training`, ww:``},{q:`szkoła ogólnokształcąca przyjmująca wszystkich uczniów, niezależnie od ich wyników w nauce`,qq:``,w:`comprehensive (school)`, ww:``},{q:`kolegium, szkoła pomaturalna`,qq:``,w:`college`, ww:``},{q:`szkoła koedukacyjna`,qq:``,w:`coeducational school`, ww:``},{q:`uczelnia`,qq:``,w:`academy`, ww:``},{q:`warsztat`,qq:``,w:`workshop`, ww:``},{q:`dzielić uczniów na grupy (ze względu na umiejętności)`,qq:``,w:`stream`, ww:``},{q:`czesne`,qq:``,w:`school fees`, ww:``},{q:`odbyć praktyki`,qq:``,w:`serve an apprenticeship`, ww:``},{q:`sieć szkół prywatnych`,qq:``,w:`public school system`, ww:``},];
//Static content ---------------------------------------------------------
document.write("INSERT INTO `data`(`uniq`, `front`, `back`) VALUES");
//Dynamic content --------------------------------------------------------
for(var i=0; i<12;i++)
{
	document.write('("' + words[i].q + '","' + words[i].w +'")');
	//document.write("<tr><td>" + (i+1) + "</td><td>" + words[i].q + "</td><td>" + words[i].w...