ホームページ内のボタンをクリックすると、javascriptの入力画面が表示されて、
そこに「ABC」と入力すると、ホームページ上に「ABC」と書き込まれる。
<button onclick="a()">書込</button>
<script type="text/javascript">
<!--
function a(){
var b=prompt("入力","");
document.write(b);
}
//-->
</script>
上記のプログラムを書いてみたのですが、別ページが開いて、そこに「ABC]と書き込まれます。
同じページに書き込みたいのですが、良い方法があったら教えてください。
初心者ですので、よろしくお願いします
No.1ベストアンサー
- 回答日時:
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まだはじめて日が浅いのですが、もっと頑張らないとと思いました。
お陰さまで良いホームページが出来そうです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JSによるリンク先の値の取得
-
ページ内文字列の置換について
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
JavaScriptでiframeの内容を「...
-
別ページのページ内リンクでの...
-
インラインフレームをドラッグ...
-
ウインドウを縮小しても文字を...
-
新しいウィンドゥを最大化で立...
-
getElementsByNameで要素が取得...
-
プルダウンメニューを別ファイ...
-
フレームを跨ぐドロップダウン...
-
横スクロールを右から左へ・・・
-
JavaScriptのエラー ( 関数の...
-
jqueryについて(Lightboxとbxs...
-
複数のjavascriptを使うと動か...
-
リンク移動先のURLを取得
-
【javascript クロスブラウザ...
-
別ファイルのfunctionの読み込み方
-
VBscriptでVisualBasicのような...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
¥マークの検索について
-
CGIフォーム一定時間過ぎる...
-
document.getElementById
-
javascriptで変数を組み込みたい
-
location.hrefが動かない・・・
-
明日の日にちを表示するときは
-
ページ内文字列の置換について
-
JavaScriptの入れ子
-
1から100までの平方根を表示す...
-
カウントダウンとカウントアッ...
-
JSによるリンク先の値の取得
-
特定のURLからの訪問者を入室禁...
-
IEでiframe内のcookieを保持
-
16進n桁の文字列変換の方法は?
-
ブラウザを閉じないようにする...
-
promptを使用した年齢認証
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
別ファイルのfunctionの読み込み方
-
getElementsByNameで要素が取得...
おすすめ情報