入力ボックスにリアルタイム結果を表示

Question

入力の結果を別の無効な入力ボックスにリアルタイムで表示しようとしていますが、運が足りません。以下のコード：

var inputBox = document.getElementById('input'); 

inputBox.onkeyup = function(){ 
    document.getElementById('output').innerHTML = inputBox.value*2; 
} 

<input type='text' id='input'> 

<input type='text' id='output' disabled> 

誰でも手助けできますか？文字が入力された後、それが発射されるよう

おかげで、

ジョン

Answer 1

試してみてください。

document.getElementById('input').addEventListener("keyup", myFunction); 

var inputBox = document.getElementById('input'); 

function myFunction(){ 
    document.getElementById('output').value = inputBox.value*2; 
} 

JSfiddle：https://jsfiddle.net/22t37834/

Answer 2

は 'keyUpイベント' を使用します。代わりにinnerHTMLプロパティのリスナーと利用価値を加えること

$("#input").keyup (function (e) { 
    $('#output').val($(this).val() * 2); 
}); 

Answer 3

これを試してみてください -

var inputBox = document.getElementById('input'); 
 

 
inputBox.onkeyup = function(){ 
 
    document.getElementById('output').innerHTML = inputBox.value*2; 
 
    var val = document.getElementById('input').value 
 
    document.getElementById('output').value = val; 
 
}

<input type='text' id='input'> 
 

 
<input type='text' id='output' disabled>

を10