- ベストアンサー
JavaScriptでユーザーが入力した名前を表示する方法
- JavaScriptを使用して、ユーザーが入力した名前を表示する方法について紹介します。
- 要素をクリックするとダイアログボックスが表示され、ユーザーに名前を入力してもらいます。
- 入力された名前はJavaScriptで取得し、あらかじめ指定した場所に表示させることができます。
- rossi46mail
- お礼率96% (251/260)
- JavaScript
- 回答数1
- ありがとう数8
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは こんなかんじですね。 HTMLボディ内の特定の位置にユニークなid名をつけたタグを置きます。 あとはscriptでそのid名のタグをgetElementById()で抽出して、テキストを置き換えます。 ※ブラウザがfirefoxの場合はテキストの置き換えに、innerTextでなく、textContentを使用します。 ------------------------------------ <html> <head> <title>test</title> <script type="text/javascript"> function user(){ var str = prompt("名前を入力してください。"); switch(str){ case "": str = "入力欄が空です。"; break; case null: str = "キャンセルされました。"; break; } document.getElementById("name").innerText=str; //document.getElementById("name").textContent=str; // firefoxの場合 } </script> </head> <body> <a onclick="user()">ここをクリックして名前を入力してください。</a><br> <hr> <!--ここのテキストを置き換えます。--> <span id="name">名前</span>さん<br> 入力ありがとうございます。 </body> </html>
お礼
回答ありがとうございます。 わかりやすく説明していただきありがとうございます！ また、switch文で入力の可否をチェックできるようにするという応用も教えていただきありがとうございます。