JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box"></div>
<button id="btn">Button</button>

JavaScript

(function() {

	var box, btn, createParagraph, handler;

    box = document.querySelector('#box');
    btn = document.querySelector('#btn');

    createParagraph = function(text) {

        var p  = document.createElement('p');

        p.textContent = text;

        box.appendChild(p);

    };

    handler = function() {

        if (box.children.length === 10) {
            box.innerHTML = '';
        }
        else {
            createParagraph('Lorem Ipsum');
        }

    };

    btn.addEventListener('click', handler);

})();