JSFiddle - React, Tailwind, and code Playground

by jacob414

HTML

<div id="container"></div>

JavaScript

var container = document.getElementById('container');

function fixture(n) {
  var wrap = document.createElement('div');
  var box = document.createElement('input');
  box.setAttribute('type', 'checkbox');
  num = document.createElement('span');
  num.innerText = n;
  wrap.appendChild(box);
  wrap.appendChild(num);
  return wrap;
}

for(var n = 1; n < 601; n++) container.appendChild(fixture(n));

console.log('Fixture done');

start = Date.now();
var boxs = document.querySelectorAll('input');
n = boxs.length;
while(n--) {
    boxs[n].setAttribute('checked', true);
}
console.log('Kryssning tog ' + ((Date.now() - start) / 1000) + ' sekunder');