Question

我想在这里使用滑块 -

＆＃13;

<main>
    <form oninput="output.value = Math.round(range.valueAsNumber / 1000)">
      <h2>
        Choose the Height of Your Building
      </h2>
      <div class="range">
        <input name="range" type="range" min="0" max="100000">
        <div class="range-output">
          <output class="output" name="output" for="range">
            50
          </output>
        </div>
      </div>
    </form>
  </main>

<button type="button" onclick="">Submit</button>

＆＃13;

我想让滑块的输出变量。例如，如果将滑块更改为25，则变量的值为25.虽然，我不确定要在onclick函数中放入什么。帮助

Answer 1

我会使用onchange事件而不是onclick。将您的输入更改为：

<input name="range" type="range" min="0" max="100000" onchange="rangeValue=this.value">

其中rangeValue是您希望为其分配新值的全局JS变量的名称。例如，内部脚本标记：

var rangeValue;

然后，您将在事件处理程序中使用rangeValue变量来单击提交按钮。像这样：

<button type="button" onclick="handleClick()">Submit</button>

然后在脚本标记内：

function handleClick(){
    //do something with rangeValue variable
    console.log(rangeValue);
}

接收滑块输出作为变量

1 个答案: