JSFiddle - React, Tailwind, and code Playground

by Ace Tributon

HTML

<div id="demo"></div>

<script>
    //With VAR: you can seperate each variable with a comma instead of:
    //creating var at the beginning and a semicolon at the end.
    //Creates a cleaner layout of your variables
    var
        arr=[['input1-1','input1-2'],['input2-1','input2-2']],
        //These are global variables
        //They dont have to be recreated with var and ;
        i,j
    ;

    //Instead of the general 'i<array.length' you can go even further
    //by creating array[i] in place of 'i<array.length'
    for(i=0;arr[i];i++){
    for(j=0;arr[i][j];j++){
        document.getElementById('demo').innerHTML+=
            "<input type='text' class='inner-funky' value='"+arr[i][j]+"'></input>"
        ;
   }}
</script>

CSS

* {
  text-align:center;
  font-weight:bold;
  margin: 0 auto;
  padding:0 auto;
  font-size:105%;
  transition: 0.7s;
  float:left;
  box-sizing: border-box;
}