JSFiddle - React, Tailwind, and code Playground

by jsoverson

HTML

<button>Add more!</button><br>
manual list : <input type='text' value='' id='manualCount'><br>
jQuery list : <input type='text' value='' id='jqueryCount'><br>
wrapped list : <input type='text' value='' id='wrappedCount'><br>

CSS

p {
    border:1px solid black;
}

JavaScript

var manualList = document.getElementsByTagName('p');
var jqueryList = $('p');
var wrappedList = $(manualList);


var p = $('<p class="paragraph">Text!</p>');

function buttonClicked() {
    $('body').append(p.clone());
    $('#manualCount').val(manualList.length);
    $('#jqueryCount').val(jqueryList.length);
    $('#wrappedCount').val(wrappedList.length);
}

$('button').click(buttonClicked).click().click().click();