JSFiddle - React, Tailwind, and code Playground

by omarqa

HTML

<div id="result" class="well">
    <div id="log"></div>
    <hr/>
    <div class="item" id="div1">div 1</div>
    <div class="item" id="div2">div 2</div>
    <div class="item" id="div3">div 3</div>
    <div class="item" id="div4">div 4</div>
    <div class="item" id="div5">div 5</div>
    <div class="item" id="div6">div 6</div>
</div>

JavaScript

var items = document.getElementsByClassName('item'),
    result = document.getElementById('result'),
    log = function(msg){
        document.getElementById('log').innerText += msg + '<br/>';
    };

log('Original length: '+ items.length);

var newItem = document.createElement('DIV');
newItem.className = 'item';
newItem.innerText = 'new div';
result.appendChild(newItem);