document.writeについて

このQ&Aのポイント
  • document.writeのテキストで文字を表示するじゃんけんゲームを作る方法について
  • グーを表示させた時に全画面が消えないようにする方法について
  • document.writeで表示されたテキストを消す方法について
回答を見る
  • ベストアンサー

document.writeについて

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>

  • devid
  • お礼率34% (166/478)

質問者が選んだベストアンサー

  • ベストアンサー
  • yuki4499
  • ベストアンサー率62% (10/16)
回答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>

devid
質問者

お礼

有難うございます。参考になります。

その他の回答 (2)

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答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>

devid
質問者

お礼

うう、ソースが難しくってわからない。(^^ゞ ありがとうございます。

  • yyr446
  • ベストアンサー率65% (870/1330)
回答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

  • document.write と Firefoxの戻り動作

    document.writeを使ってhtmlを書き込むことで新たなページを表示した場合、Firefoxではブラウザの「戻りボタン」で戻ると元のページの表示位置(元のページがスクロールされていた場合のスクロール位置)ではなく、元のページの先頭から表示されます。 (IEでは、元のページの元の表示位置に戻ります。) FirefoxでもIEのように元のページの元の表示位置に戻るようにしたいのですが、何が問題か、ご指摘いただけないでしょうか? (下方にサンプルを記載します) ・行いたいこと  以下の例のfunction_test()内に別ページのhtmlを記述して、onlickで呼び出しそのhtmlを表示。そのhtml表示後、ブラウザの戻りボタンや、history.backを使って、元のページに普通に戻りたい。 <html> <head> <TITLE>test</TITLE> <script type="text/javascript"> <!-- function function_test() { document.write("<html><body>"); document.write("test"); document.write("<\/body><\/html>"); document.close(); } // --> </script> </head> <body> これはテスト<br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br> <form> <input type='button' value='test' onclick='function_test()'> </form> <br><br><br><br><br><br><br><br><br><br><br><br><br><br> </body> </html>

  • ネスケでdocument.write

    質問があります。 <html> <head> <script type="text/javascript"> <!-- str = "a"; function func(){ document.open(); document.write( str ); document.close(); } --> </script> </head> <body onload = "func()"> </body> </html> というソースを組んだのですが、IE6なら正常に表示できたのにNetscape7だと表示されませんでした。 document.write("a")と記述すると表示できたのですが・・・。 本来組みたいソースは上記のstrが長文かつ多用するために簡略化したいのですが、何か良い方法はあるでしょうか?

  • pの出す手の確率→グー:チョキ:パー=1/2:1/

    pの出す手の確率→グー:チョキ:パー=1/2:1/4:1/3qの出す手の確率→グー:チョキ:パー=1/4:1/3:1/4 (1)2回じゃんけんしてqがグーで勝つ確率 (2)4回じゃんけんしてpがパーかチョキで勝つ確率 教えてくださいm(_ _)m

  • JS、document.write出力位置設定

    JavaScriptでdocument.writeを使いソースを書き加える際に 出力する位置を設定したいのですが方法が分かりません DOMはなるべく使用したくないのですが…… ※ソースは極力簡略化したものです <html><head> <script language="JavaScript"><!-- function test() { document.write("2"); } //--></script> </head><body> 1<br> <br> 3<br> <input type="button" value="write" onClick="test()"> </body></html> ボタンをクリックした際に、1と3の間の行に『2』を挿入したいのです この状態だと『2』のみ表示されますね 当方ズブの素人かつ本格的にJSを学ぶつもりなど毛頭ありませんので 噛み砕いて説明してくださると助かります DOMを使用しなければ不可能であれば「無理」の一言だけの回答で充分です お時間のある方、ご教示頂ければ幸甚ですm(_ _)m

  • ムシキングのゲーム、やり方が解りません。(長文すみません)

    家庭で遊ぶムシキングのゲームを買いました。 (ゲーセンのはやった事がありません。) やり方を教えていただきたいのですが、 例)秒のカウント中に相手がグーを出してき   ているから、自分はパーを出します。 そこで 質問1)   そうすると、実際は相手はチョキを出し   て私は負けます。   だったらカウント中に相手は、グーもチョ   キもパーもださなければいいと思うのです   が。 質問2)     カウント中、自分はパーを出しているのに、   パーの選択をすると、自分のグーが点滅す   る時があります。   俺はパーを選択しているんだよーーー。   なんでグーが点滅するんですか? 質問3)   グー、チョキ、パーがクエスチョンマーク   で見えなくなるときがあります。   (1本の時と2本の時があります)   なんのために見えなくなるのでしょうか? 質問4)   あせらせの特殊わざってなんのためにあ   るのですか?   相手が焦って急いでグーを出しても結局   はそのグーで無い場合が多々あります。   だとしたら焦らせても意味が無いのでは?   私は焦って、ホントの答え「グー」を出   しているのかと信じてパーを出したら相   手はチョキを出してきます。

  • グーの次にチョキが出る確率をあるセルに求めたい

    エクセル2013のA列にグー、チョキ、パーがランダムで入力されています グーの次にチョキが出る確率をあるセルに求めたいのですがどうすればいいですか? また、グー、チョキと並んでる場合の次の行がパーである確率も求めたいのですが お願いいたします

  • じゃんけん

    4人でじゃんけんを1回行う時あいこになる確率を教えてください 4人ともグーパーチョキの同じものを出す3通り 2人が同じで残りの2人が異なる場合 例えば 2人がパーで後の2人がグーとチョキ 2人がチョキで後の2人がパー、グー 2人がグーで後の2人がパーとチョキ の3通り で合ってますか?

  • ドンパッパという遊びで・・・

    1対1でグー、チョキ、パーを使い、相手と同じもの(あいこ)を出したときに、「ドン!」という遊びをご存知ですか?おそらく、最初に「ドンパッパ!」を言うのは共通かと思うのですが、グー、チョキ、パーの呼び方が地域によってどのように違うのかをレポートで調査しています。因みに、私は奈良ですが、グーをグリン、チョキをチリン、パーをパリンと言います。みなさんの地域ではどう呼んでいますか?また、ドンパッパ以外の呼び方があるようでしたら、それも教えていただきたいと思います。どうかご協力お願いします!

  • document.writeで画面が消える

    javaScriptはじめたばかりのものです。以下の記述でEMBEDを実行させると、音は出るのですが、画面が消えてしまう(表示がない画面になる)のです。ブラウザの「戻る」で元の画面に戻れます。ブラウザはIE5.5をつかっています。 この現象の理由、解決方法について教えて下さい。 <SCRIPT language="javascript"> <!-- var code; function snd1000(){ code="1000.wav"; document.write('<embed src='+'"'+code+'"'+' hidden="true" loop="false"><br>');} //--> </SCRIPT> <INPUT type="button" value="C" onclick=snd1000()>

  • エクセルなどで、ボタンを押すとじゃんけんの「グー」「チョキ」「パー」が

    エクセルなどで、ボタンを押すとじゃんけんの「グー」「チョキ」「パー」が表示されるプログラムを作りたいのですが可能でしょうか。 できればグーなど手の形はイラストを使いたいです。当方パソコン初心者です。

専門家に質問してみよう