.innerHTMLを使用して他のIDの値をフォームで取得する

Question

検索ボタンのクリックでテキストフィールドの値を表示しようとしています。検索ボタンを

、私は

onclick="document.getElementByid('output').innerHTML = this.value" 

を使用していますこれは単に「検索」で検索ボタンの値を取得し、「出力」に表示し、以下のDIV。

別のテキストフィールドの値をユーザーが入力すると、これを使用して値を取得する方法はありますか？

私はフィールド1には、テキストフィールドのID /名前ですfield1.valueにthis.valueを変更しようとしたが、これは動作しません。

助けが必要ですか？

Answer 1

使用

document.getElementByid('output').innerHTML = document.getElementById('field1').value 

Answer 2

（例）、これを試してみてください：。

var btn = document.getElementById('search'); 
var input = document.getElementById('field1'); 
var output = document.getElementById('output'); 

btn.addEventListener('click', function(e) { 

    output.innerHTML = input.value; 

});