- ベストアンサー
フォームから入力すると、入力内容がブラウザ画面に反映する仕組み
フォームから入力すると、入力内容がブラウザ画面にテキストとして反映する仕組みを作りたいと考えています。 ただし、Web上のサーバーにアップロードせず、ローカルでhtmlファイルを開いて使用する前提です。 たとえば「クリスマス」とテキストエリアに入力してボタンを押すと、テキストがテキストエリアの下に表示され、 続いて「サンタクロース」とテキストエリアに入力してボタンを押すと、「クリスマス」の下に「サンタクロース」が表示される・・・といった次第です。 よいアイディアがあればご教授ください。
- toritan
- お礼率73% (11/15)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
javaScritの知識が多少あれば難しくないと思います。 以下を参考にして下さい。 <html> <head> <script type="text/javascript"> <!-- function textcopy(){ // テキストエリアの内容を取得 var textarea = document.getElementById("textarea").value; // テキストエリアの内容を消去 document.getElementById("textarea").value = ""; // これまでに追加されたテキストとの連結を行う textarea = document.getElementById("insert").innerHTML + textarea; // "insert"のidが指定されたの要素の中に挿入 document.getElementById("insert").innerHTML = "<div>" + textarea + "</div>"; } //--> </script> </head> <html> <body> <form> <textarea id="textarea" rows="4" cols="40"></textarea> <p><button type="button" onclick="textcopy()">↓追加</button></p> <div id="insert"></div> </form> </body> </html>
お礼
ありがとうございます。参考にさせていただきます。