Bonsoir !

Je souhaiterais créer une liste au nombre de points modulables par l'intermédiaire de boutons "+" ou "-". Voici le petit bout de code HTML :

<p>
   <ul id="liste_objets">
       <li id="pnt_1"></li>
   </ul>
</p><br/>

<button id="plus">+</button><br>
<button id="moins" style="display:none">-</button>

Et le Javascript associé :

var nbObjet = 1;
var liste = document.getElementById('liste_objets');
var plus = document.getElementById('plus');
var moins = document.getElementById('moins');


plus.addEventListener("click", function () {
	nbObjet++;

	var nouvelElmt = document.createElement('li'); //on crée un nouvel elmt li
	nouvelElmt.id = 'pnt_' + nbObjet;
	liste.appendChild('nouvelElmt');

	 document.getElementById('moins').style.display='inline'; //on fait apparaître le bouton moins
});

moins.addEventListener("click", function () {
	if(nbObjet>1){
		var idLastPnt = 'pnt_' + nbObjet;
		var LastPnt = document.getElementById(idLastPnt)
		liste.removeChild(LastPnt);
		nbObjet--;
	}

	if(nbObjet==1){
		document.getElementById('moins').style.display='none'
	}
});

Seulement, lorsque je teste le bouton "+", j'obtiens ce message d'erreur : "Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'." (à la ligne 11 donc). Quelqu’un pourrait-il m'aider à comprendre ce qui ne va pas ?

Merci d'avance!

var nbObjet = 1;
var liste = document.getElementById('liste_objets');
var plus = document.getElementById('plus');
var moins = document.getElementById('moins');
 
 
plus.addEventListener("click", function () {
    nbObjet++;
 
    var nouvelElmt = document.createElement('li'); //on crée un nouvel elmt li
    nouvelElmt.id = 'pnt_' + nbObjet;
    liste.appendChild(nouvelElmt);
 
     document.getElementById('moins').style.display='inline'; //on fait apparaître le bouton moins
});
 
moins.addEventListener("click", function () {
    if(nbObjet>1){
        var idLastPnt = 'pnt_' + nbObjet;
        var LastPnt = document.getElementById(idLastPnt)
        liste.removeChild(LastPnt);
        nbObjet--;
    }
 
    if(nbObjet==1){
        document.getElementById('moins').style.display='none'
    }
});

Ça me parait plus logique en effet.

Merci beaucoup pour votre aide !