Question

我的html中有一个范围..... 现在我的问题是我想在我的版本中打印范围的值 HTML

这是我的范围的HTML

<form oninput="amount.value=rangeInput.value">
<input type="range" id="rangeInput" name="rangeInput" min="0" max="100">                                                       

    <output name="amount" for="rangeInput">0</output>
    </form>

我有一个按钮来确认值

<div id="bevestig">
    <h1>Bevestig</h1>
</div>

有人知道如何在点击h1后在我的html中打印范围的值吗？

Answer 1

您需要添加一些javascript来完成此操作。

document.getElementById("bevestig").addEventListener("click", function () {
    var input = document.getElementById('rangeInput');
    var output = document.getElementById('results');
    output.innerHTML = input.value;
});

<form onchange="amount.value=rangeInput.value">
    <input type="range" id="rangeInput" name="rangeInput" min="0" max="100" value="0" />
    <output name="amount" for="rangeInput">0</output>
</form>
<div id="bevestig">
    <h1>Bevestig</h1>
</div>
<p id="results"></p>

如何在带有范围的html中打印h1值？

1 个答案: