var slider = document.getElementById("scale");
var output = document.getElementById("scale-output");

slider.oninput = function() {
  output.innerHTML = this.value;
};

document.getElementById("scale-form").addEventListener("submit", function(e) {
  e.preventDefault();
  var formData = new FormData(e.target);
  formData.forEach(function(value, key) {
    console.log(key + ': ' + value);
  });
  // Replace the console.log statement with your desired form submission code.
}

var slider = document.getElementById("scale");
var ticks = document.createElement("div");
ticks.setAttribute("class", "ticks");
ticks.style.width = ((slider.max - slider.min) / slider.step) * 10 + "px";
for (var i = slider.min; i <= slider.max; i += slider.step) {
  var tick = document.createElement("div");
  tick.setAttribute("class", "tick");
  tick.style.left = ((i - slider.min) / slider.step) * 10 + "px";
  tick.innerHTML = i;
  ticks.appendChild(tick);
}
slider.parentNode.insertBefore(ticks, slider.nextSibling);
);