javascript - ユーザー入力を変数に保存し、その変数を投稿する

Question

小さなフォームがあり、[参加] ボタンをクリックして自分の情報を入力すると、[ユーザー名] フォームの値が保存され、[参加してサインアップ] ボタンが自分の名前または「Hello」+ 名前に置き換えられます。

ここに JSFiddle があります: http://jsfiddle.net/LCBradley3k/t3HF5/ 次のコードのようなものになると思いますが、うまくいきません:

var name  = document.getElementById("name");

次に、上部の2つのボタンを置き換えるタイプのdivに名前を入れたいと思います。

score 1 · Accepted Answer

jQuery を使用している場合 (jsfiddle が示している)、これはかなり簡単なはずです。

var name = $('#name').val();

それが役立つことを願っています!

score 1 · Accepted Answer

入力要素の場合、純粋な JavaScript (jQuery なし) を使用して入力値を取得するには、次のようにします。

var name=document.getElementById("name").value;

div のコンテンツをに置き換えるにはname:

document.getElementById("div_id").innerHTML=name;

html も使用できます。

document.getElementById("div_id").innerHTML="<p>" + name + "</p>";

または、div の値を置き換えます。

document.getElementById("div_id").value=name;

2 に答える 2