JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <ol id="questions">
        <li><label>Question <input type="text" name="question[]"/></label> <a href="#" class="remove">x</a></li>
    </ol>
    <a href="#" id="add">Ajouter une question</a>
</form>

JavaScript

window.addEvent('domready', function() {
    
    $('add').addEvent('click', function(e) {
        e.preventDefault();
        var question = $('questions').getElements('li:first-child').clone();
        question.inject($('questions'));
    });
                                
    $('questions').addEvent('click:relay(a)', function(e, clicked) {
        e.preventDefault();
        if ($('questions').getChildren().length > 1) {
            $(clicked).getParent().dispose();
        }
    });
    
});