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);
);