JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<div class="container">
  <div class="screen">This is the screen</div>
</div>

JavaScript

let nums = [1,2];
let letters = ['A','B','C'];

nums.forEach(num => {
	let row = document.createElement('div')

	letters.forEach(letter => {
    let seat = document.createElement('div')
    seat.className = 'seat'
    seat.id = `${num}${letter}`;
    row.appendChild(seat)
	})
  
  row.className = 'row';
  document.querySelector('.container').appendChild(row)

})