JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/carhartl/jquery-cookie/master/jquery.cookie.js"></script>
    <p>This is another paragraph.</p>
    <ol>
        <li>List item 1</li>
        <li>List item 2</li>
        <li>List item 3</li>
    </ol>
    <button id="btn2">Append list item</button>
    <button id="btn3">Clear Cookies</button>
    <button id="btn4">Show Cookies</button>

JavaScript

$(document).ready(function () {
    $("ol").append($.cookie("listItem"));
    $("#btn2").click(function () {
        var newLi = $("<li class='new'>Appended item</li>").appendTo("ol");
        $.cookie("listItem", (($.cookie("listItem") ? $.cookie("listItem") : '') + newLi.clone().wrap('<div />').parent().html()));
    });
    $("#btn3").click(function () {
        $.removeCookie('listItem');
        $("li.new ol").remove();
    });
    $("#btn4").click(function () {
        alert($.cookie("listItem"));
    });
});