JSFiddle - React, Tailwind, and code Playground

by deepak sisodiya

HTML

<ol>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
</ol>
<button id="btn1">Append list items</button>
<button id="btn2">Prepend list item</button>

JavaScript

// jquery append and prepend method

$("#btn1").click(function () {
    $("ol").append("<li>Appended item</li>");
});

$("#btn2").click(function () {
    $("ol").prepend("<li>Prepended item</li>");
});