出力にもHTMLを入力しますか？

Question

私は値を出力しますが、ユーザーが特定の値に置きたいかもしれないので、それはまた、入力タイプ=「番号」を持つべき入力タイプ=「範囲」を使用することができるようにしたいです。範囲の値を入力ボックスに出力する方法はありますか？

これは私がこれまでに（出力がaswell何とか仕事を得るように見えることはできません）持っているコードです。

<form onsubmit="return false" oninput="litre.value = (height.valueAsNumber * width.valueAsNumber * depth.valueAsNumber)/1000"> 

Height <input type="range" min="135" max="500" id="height" value="200" oninput="outputDimension(value)"/> 
<output for="height">135</output> 

Width <input type="range" min="135" max="500" id="width" value="250" oninput="outputUpdate(value)" /> 

Depth <input type="range" min="10" max="100" id="depth" value="45" oninput="outputUpdate(value)" /> 


<div id="sidebar"> 
    <p>Litre: 
     <output name="litre" for="height width depth">2250</output> 
    </p> 
</div> 
</form> 

Answer 1

おそらくこれはあなたの意志です。以下のコードを確認してください。 ボックス内に入力番号が入力されたら、enterを押します。

function updateTextInput(val) { 
 
     document.getElementById('textInput').value=val; 
 
    } 
 

 
function updateRange(val) { 
 
     document.getElementById('range').value=val; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input id="range" type="range" name="rangeInput" min="0" max="100" onchange="updateTextInput(this.value);">              
 
    <input type="text" id="textInput" value="" onchange="updateRange(this.value);">