document.writeについて
document.writeのテキストで文字を表示するじゃんけんゲームを作っています。
文字をグーを表示させると全画面がきえてしまいます。
消えない様にその場所のみ替えるようするには、どうしたらよいでしょうか?
また、document.writeで一旦表示されたらものをそこだけ消す
表示方法なども教えて下さい。
<script language="JavaScript">
<!--
function msg() {
document.write("グー!"); }
function msg2() {
document.write("<br>チョキ!"); }
function msg3() {
document.write("<br>パー!"); }
//-->
</script>
</head>
<body>
<br><br><br><br><br><br>
<p onMouseup="msg()">グー</p><p onMouseup="msg2()">チョキ</p><p onMouseup="msg3()">パー</p>
</body>
No.2ベストアンサー
- 回答日時:
なるべく原型をとどめた形で修正
お望みの形かどうかは怪しいですが
<html>
<script language="JavaScript">
<!--
function msg() {
document.getElementById("test").innerHTML = "グー!" ;
}
function msg2() {
document.getElementById("test").innerHTML = "チョキ!" ;
}
function msg3() {
document.getElementById("test").innerHTML = "パー!" ;
}
//-->
</script>
</head>
<body>
<br><br><br><br><br><br>
<p onMouseup="msg()">グー</p>
<p onMouseup="msg2()">チョキ</p>
<p onMouseup="msg3()">パー</p>
<div id="test"></div>
</body>
</html>
No.3
- 回答日時:
書き換えだけするなら、中身を消して、あらたな文字を書いちゃえば
よいのでは?
<script>
function msg(obj,text) {
while(n=obj.firstChild){
obj.removeChild(n);
}
obj.appendChild(document.createTextNode(text));
}
</script>
<p onMouseup="msg(this,'グー!')">グー</p>
<p onMouseup="msg(this,'チョキ!')">チョキ</p>
<p onMouseup="msg(this,'パー!')">パー</p>
No.1
- 回答日時:
このような質問前にも見ましたが、
どこで見たか忘れました。回答の盗作でーす。
ラッパーみたいにしちゃうんです。
// ↓何の変哲もないdocument.writeです
document.write('ぐう');
// ↓これを実行した後は…
( function( f ) {
var s = document.write;
document.write = f;
document.write.res = function() {
document.write = s;
}
})(
function() {
el = document.getElementById( 'test' );
return function( t ) {
el.innerHTML += t;
};
}()
);
// ↓id="test"に書き出される
document.write('ぐう');
// このメソッドを実行すると…
document.write.res();
// ↓元のdocument.writeに戻る
document.write('ぐう');
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- PHP php ログイン 1 2022/11/01 00:24
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript jsで、switch文で書かれた分をif文にできませんか。 1 2022/07/28 15:10
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
現在の日付から、1ヶ月前にす...
-
来年の今日の曜日・・・?
-
HpのFlashで,ブロック回避の方...
-
window.openでタイトル名の指定
-
JAVAで時刻に対して簡単な四則...
-
google apps scriptの終了のさせ方
-
関数でy=g(x)のgとは何の略です...
-
同じIDで定義した要素の配列を...
-
C#OpenCv V4にのエラーに関する...
-
javaScriptのコードの修正をお...
-
jspからjavascriptの変数引継ぎ
-
Boolean型配列中のTrueの有無を...
-
DOM要素を削除しても、イベント...
-
functionから別のfunctionを実...
-
innerHTML実行後のイベント
-
JavaScriptとcookieを利用して...
-
アルファベットABCD…をスマート...
-
ASP.NETのコントロールの値をJa...
-
jQueryでzipを解凍読み込みする...
-
javascriptで、表示されている...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openでタイトル名の指定
-
ホームページに日付を自動更新...
-
○歳△ヶ月と×日を計算してくれる...
-
文字列を点滅させたい
-
なぜ、ジャバスクリプトが表示...
-
今日の月と日付の1週間後や3日...
-
JS、document.write出力位置設定
-
iframe内に特定の文字列がある...
-
自動ポップアップで画像を表示...
-
テキストボックスに入力された...
-
innerHTMLにて設定した情報を再...
-
document.open()の意味とは
-
ジャバスクリプトで空白(スペー...
-
Java Scriptのメソッドについて
-
document.clear()の使い方について
-
ウェブ上にキーボードを作りた...
-
document.writeで画面が消える
-
「分」単位で加算(減算)したい。
-
java カレンダーの日付指定で...
-
現在の日付から、1ヶ月前にす...
おすすめ情報