ホームページ内に直接書込がしたい

ホームページ内のボタンをクリックすると、javascriptの入力画面が表示されて、
そこに「ＡＢＣ」と入力すると、ホームページ上に「ＡＢＣ」と書き込まれる。

<button onclick="a()">書込</button>

<script type="text/javascript">
<!--
function a(){
var b=prompt("入力","");
document.write(b);
}
//-->
</script>

上記のプログラムを書いてみたのですが、別ページが開いて、そこに「ＡＢＣ］と書き込まれます。
同じページに書き込みたいのですが、良い方法があったら教えてください。
初心者ですので、よろしくお願いします

No.1 ベストアンサー 回答者： shylock 回答日時： 2014/06/28 12:31

document.writeはページが新たに生成される際に書き出すものです。

既にできあがった内容を書き換えることはできません。これは、表示させるタグのオブジェクトを取得し、そこにテキストをせっていする、というやり方をします。例えば、こんな感じです。

<p id="msg"></p>
<button onclick="a()">書込</button>

<script type="text/javascript">
<!--
function a(){
var b=prompt("入力","");
var obj = document.getElementById('msg');
obj.innerHTML = b;
}
//-->
</script>

これで<p id="msg">タグ内にpromptで入力したテキストが表示されます。

この回答へのお礼

すごいですねー＾＾
ありがとうございました

javascriptまだはじめて日が浅いのですが、もっと頑張らないとと思いました。
お陰さまで良いホームページが出来そうです。

お礼日時：2014/06/28 13:21