tp dom (2).html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>une list :</h2>
    <ol id="u">
        <li>HTML</li>
        <li>JS</li>
        <li>PYTHONE</li>
        <li>C#</li>
    </ol>
    <label for="aj">entrer une nouvel list :</label>
    <input type="text" id="aj">
    <button id="ajouter">ajouter</button>
    <label for="sup">entrer une list pour supprimer :</label>
    <input type="text" id="sup">
    <button id="suprimer">supprimer</button>

    <script lang="JavaScript">
        document.getElementById('ajouter').onclick=ajouter;
        function ajouter(){
            let a=document.getElementById('aj').value;
            let x=document.createElement('li')
            x.innerText=a
            document.getElementById('u').appendChild(x)
        }

        // document.getElementById('suprimer').onclick=suprimer;
        // function suprimer(){
        //     let a=document.getElementById('sup').value;

        //     let x=document.createElement('li.supp')
        //     x.innerText=a
        //     document.getElementById('u').appendChild(x)
        // }
        document.getElementById('suprimer').onclick=suprimer;
        function suprimer(){
            let a=document.getElementById('sup').value;
            let x=document.getElementById('ll')
            a.removeChild(a.children[x-1])
        }
    </script>
</body>
</html>