JSFiddle - React, Tailwind, and code Playground

by uedatakuya

HTML

<div>
    <input id="count" value="10000000" />
    <button id="start">start</button>
</div>Result
<ul>
    <li>1: <span id="result1">-</span>ms</li>
    <li>2: <span id="result2">-</span>ms</li>
</ul>

JavaScript

var json1 = '{"a":100}';

var json2 = '{"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa":100}';

 document.querySelector('#start').addEventListener('click', function () {
     var count = parseInt(document.querySelector('#count').value, 10);

     var now = new Date().getTime();
     for (var i = 0; i < count; i++) {
         JSON.parse(json1);
     }
     document.querySelector('#result1').innerText = new Date().getTime() - now;

     now = new Date().getTime();
     for (var i = 0; i < count; i++) {
         JSON.parse(json2);
     }
     document.querySelector('#result2').innerText = new Date().getTime() - now;
 }, false);