<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" class="inp">
    <button class="add">Добавить</button>
    <div class="list"></div>
    
</body>

</html>
 let inp = document.querySelector(".inp")
    let list = document.querySelector(".list")
    let add = document.querySelector(".add")
    let i = 0;
    add.onclick = function(){
        let p = document.createElement("p")
        i++
        p.innerHTML = i + ". " + inp.value
list.append(p)
    }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.