JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <ul id="liste_ajax"></ul>
    <a href="#" id="new_div">creer un nouveau div</a>
    <a href="#" id="remove_div">retirer div</a>
</form>

JavaScript

var newDiv = function() {
    var i = $('liste_ajax').getElements('li').length + 1;
    var bodyWrapVar = $('liste_ajax');
    var newElementVar = new Element('li', {
       'id': 'id_name',
       'html': '<label>Question '+ i +'</label><input type="text" name="question'+ i +'" />'
    });
    newElementVar.inject(bodyWrapVar , 'bottom');
};

var removeDiv = function() {
    $('liste_ajax').getElements('li:last-child').dispose();
};
    
window.addEvent('domready', function() {
    $('new_div').addEvent('click', newDiv);
    $('remove_div').addEvent('click', removeDiv);
});