DHTML - 入力フィールドを使用してページ上のテキストを変更する

Question

ユーザーが入力フィールドに入力すると、サンプルテキストをユーザー定義の値に変更するコードを作成する必要があります（プレビューフィールドと同様にスタックオーバーフロー）。

ユーザーはIE8を実行しているため、Flashプラグインをインストールしていないため、HTML5またはFlashを使用せずにこれを行う必要があります。

このように、私はDHTMLを見て、望ましい効果を達成することから始めました。現在、ユーザーが入力フィールドに入力したときにサンプルテキストを変更することはできますが、あらかじめ定義された値（以下のコードの「例」）のみに変更することはできますが、このコードを編集してユーザー定義の値を表示する必要はありますか？

JS

function changetext(id) 
{ 
id.innerHTML="Example"; 
} 

HTML

<form> 
Content:<input type="text" id="input" onkeyup="changetext(preview)" /> 
</form> 

<p id="preview">No content found</p> 

Answer 1

あなたは、関数の中でこのような何かを持っている必要があります：

function changetext(id){ 
    var info = document.getElementById('input').value(); 
    id.innerHTML = info; 
} 

これは、JSは完全には正しくありません。私は非常にあなたがjQueryのようなjavascriptライブラリを使用して開始することをお勧めします。これはこれを常軌を逸した仕事にします。

編集：

jQueryはIE8でうまく動作します。 jQueryでは入力にjsを付ける必要はありません。コードは次のようになります。

$('#input').click(function(){ 
    $('#preview).html(this.val()); 
}); 

htmlにはjsがありません。