1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.     <title>Document</title>
    9.     <style>
    10.     </style>
    11. </head>
    13. <body>
    14.     <input type="text" id="inp">
    15.     <div class="box"></div>
    16.     <script>
    17.         var inp = document.querySelector('#inp')
    18.         var box = document.querySelector(".box")
    19.         var arr = []
    21.         inp.addEventListener('keyup', function (e) {
    22.             if (e.keyCode == 13) {
    23.                 var value = this.value
    24.                 if (!arr.includes(value)) {
    25.                     arr.push(value)
    26.                     var p = document.createElement('p')
    27.                     var txt = document.createTextNode(value);
    28.                     p.appendChild(txt)
    29.                     box.appendChild(p)
    30.                     for (let i = 0; i < box.children.length; i++) {
    31.                         box.children[i].onclick = function () {
    32.                            // console.log(this);
    33.                             box.removeChild(this);
    34.                         }
    35.                     }
    37.                 }
    39.                 // .appendChild(p)
    40.             }
    41.         })
    43.     </script>
    44. </body>
    46. </html>