List Manager

<!DOCTYPE html>
<html lang="fr">

<head>
    <title>AJOUT ET SUPPRESSION</title>
    <meta charset="utf-8">
    <!-- script src="./asset/javascript/app.js"></script -->

</head>
<body>
    <input type="text" id="course">
    <input type="button" value="ajout" onclick="app.ajout()">
    <input type="button" value="supprimer" onclick="app.supprimer()">

    <ul id="liste">
        <li>1 paquet de farine</li>
        <li> un paquet de chips</li>
        <li> une boite de conserve </li>
    </ul>

<script>
const app = (function () {
    "use strict";

    let liste;

     function ajout() {
      liste=document.getElementById("liste");
      const texte=document.getElementById("course").value;
      //mettre const car il ya "use strict"
      const nouveauli=document.createElement("li");
      nouveauli.innerHTML=texte;
      liste.appendChild(nouveauli);//je veux inserer notre "li"
  }

    function supprimer()    {
    liste=document.getElementById("liste");
    let items = liste.querySelectorAll("li");
    if (items.length) {
      liste.removeChild(items[items.length-1]);
    }
  }

    return {
        "ajout" : ajout,
        "supprimer" : supprimer
    }
}
//window.addEventListener("DOMContentLoaded", start);

)();
</script>

</body>

</html>