JSFiddle - React, Tailwind, and code Playground

by the_archer

HTML

<head>
    <title>"Jquery List Demo"</title>
    <script type="text/javascript"></script> 
</head>
<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <a href="#" id="add">Add Item</a><br/>
    <a href="#" id="remove">Remove Item</a>
</body>

JavaScript

$(function() {
    var i = $('li').size();
    console.log(i);
    $('a#add').click(function() {
        i += 1;
        $('<li>' + i + '</li>').appendTo('ul');
    });
    
    $('a#remove').click(function(){
        $('li:last').remove();
        i--;
    });
});