javascriptを教えて下さい

質問

上の欄に文字を入力しボタンを押すと下の欄に表示するhtmlを作りたいと思っております
何回か自力でやってみたのですがわからないのでどのようにするかご教授願いたいです・・・
ソースは

<form method="POST" action="検索">
<textarea name="msg" cols="30" rows="10">
ここにメッセージをどうぞ
</textarea>
<br>
<input type=submit value="送信">
<br>
<input type=reset value="クリア">
</form>

<form method="POST" action="受信">
<textarea name="msg" cols="30" rows="10">
</textarea>
</form>

このようなふうになってます
このままじゃダメでjavascriptを使うということはわかっているのですがどのようにしたらいいかわかりません・・・
何回か試したのですがうまくいきませんでした
初心者なのでアドバイスお願いします！

回答No.2

LancerVII · ベストアンサー

こんにちは。

>とりあえず表示からできるようにしたいので
>言葉を入力する→ボタンを押す→下のテキストフィールドに上に入力した言葉を表示する
>このような処理をしたいです

とりあえず表示できる作りにしても、もし、将来的にデータを残すことを考えているのであれば
ほとんど役立たないソースになることは頭に入れて置いてください。

==== HTML
<textarea cols="20" rows="5" id="comment"></textarea>
<p><input type="button" value="コメント" id="comment-btn"></p>
<textarea cols="20" rows="5" id="comment-list"></textarea>

==== JavaScript
<script>
window.onload = function() {
document.getElementById('comment-btn').onclick = function() {
var commentObj = document.getElementById('comment');
document.getElementById('comment-list').value += commentObj.value + '\n';
commentObj.value = '';
};

}
</script>

コメントというボタンをクリックするたびに改行し、値を追加していく動きになっています。

お礼

ありがとうございます！無事できました！
これからも頑張ります！

回答No.1

LancerVII

こんにちは。

JavaScriptのみですとその、ボタンを押したときに表示を反映させることは可能ですが、
ページの移動または更新を実行すると消えてしまいます。

メッセージとして残したいのであれば、サーバ側の処理も必要になりますが、どのような動きを考えていますか？

補足

とりあえず表示からできるようにしたいので
言葉を入力する→ボタンを押す→下のテキストフィールドに上に入力した言葉を表示する
このような処理をしたいです