javascript - 以指数方式更改 html slider 步长

Question

我试图通过每张幻灯片上 10 的幂来更改 slider 步长，但它无法正常工作。我不确定是应该使用 stepUp() 还是直接更改 step 的值。

这就是我如何增加 10 的幂:

var increment = (function(n) {
  return function() {
    n = n + 2;
    var x = Math.pow(10, n);
    console.log(x +" " + "Math.Pow thingy");
    return x;
  }

以下是我尝试将其作为参数传递的方式:

document.getElementById("something").stepUp(increment);

如果有人想知道，这里是 stepUp()我正在使用。

此外，这是我的 slider 的 fiddle :Slider Fiddle #1

I want my slider to step to change to 10,100,1000,10000 on each slide.

Answer 1

很确定你不能真正按照自己的方式去做，你需要自己做一些计算。步骤仅适用于常量

var input = document.getElementById("input")
var output = document.getElementById("output")

function getValue() {
  let power = input.value
  let result = Math.pow(10, +power)
  output.value = result
}

<input id="input" type="range" min="1" max="10" value="1" oninput="getValue()" />

<input type="text" id="output" value="10"/>