function ilosc(){
            var ilosc = document.getElementById("ilosc").value;

            for(var i = 1; i <= ilosc; i++) {
                const element1 = document.createElement("span");

                element1.id = "item"+i;
                element1.className = "item";

                element1.innerText = i;


                const div = document.querySelector("#container");
                div.appendChild(element1);

                var dragItem = document.querySelector("#item");
                var container = document.querySelector("#container");

                var active = false;
                var currentX;
                var currentY;
                var initialX;
                var initialY;
                var xOffset = 0;
                var yOffset = 0;
            }

            var items = document.querySelectorAll(".item");

            items.forEach(function(item) {
                item.addEventListener("touchstart", dragStart, false);
                item.addEventListener("touchend", dragEnd, false);
                item.addEventListener("touchmove", drag, false);

                item.addEventListener("mousedown", dragStart, false);
                item.addEventListener("mouseup", dragEnd, false);
                item.addEventListener("mousemove", drag, false);
            })



                function dragStart(e) {

                    if (e.type === "touchstart") {
                        initialX = e.touches[0].clientX - xOffset;
                        initialY = e.touches[0].clientY - yOffset;
                    } else {
                        initialX = e.clientX - xOffset;
                        initialY = e.clientY - yOffset;
                    }

                    if (e.target === this) {
                        active = true;
                    }
                }

                function dragEnd(e) {
                    console.log(e)
                    initialX = currentX;
                    initialY = currentY;

                    active = false;
                }

                function drag(e) {
                    if (active) {
                      e.preventDefault();

                      if (e.type === "touchmove") {
                          currentX = e.touches[0].clientX - initialX;
                          currentY = e.touches[0].clientY - initialY;
                      } else {
                          currentX = e.clientX - initialX;
                          currentY = e.clientY - initialY;
                      }

                      xOffset = currentX;
                      yOffset = currentY;

                      setTranslate(currentX, currentY, this);
                    }
                }

                function setTranslate(xPos, yPos, el) {
                    el.style.transform = "translate3d(" + xPos + "px, " + yPos + "px, 0)";
                }
            }