slider = {
const c = document.createElement("div");
c.className = "container";
const before = c.appendChild(document.createElement("div"));
before.className = "img background-img";
const after = c.appendChild(document.createElement("div"));
after.className = "img foreground-img";
const s = c.appendChild(document.createElement("input"));
s.setAttribute("type","range");
s.setAttribute("min","1");
s.setAttribute("max","100");
s.setAttribute("value","50");
s.setAttribute("name","slider");
s.setAttribute("id","slider");
s.className = "slider";
s.addEventListener('change', slide);
const b = c.appendChild(document.createElement("div"))
b.className = "slider-button"
function slide(e) {
let sliderPos = e.target.value;
after.style.width = sliderPos + '%';
b.style.left = 'calc(' + sliderPos + '% - 18px)';
}
return c;
}