1

コードの最後にあるボタンとジャンケンでゲームを作成しましたが、一度クリックすると消えてしまい、そのコードを何度も繰り返し続けるのは意味がありません。

function game(){ 
    var userChoice= prompt("Do you choose rock, paper, or scissors?");
    document.write("You chose " + userChoice + ". <br/>")
    var computerChoice= Math.random();
    if(computerChoice<=0.33){
        computerChoice="rock";
    }
    else if(computerChoice<=0.67){
        computerChoice="paper";
    }
    else{
        computerChoice="scissors";
    }
    document.write("The computer chose " + computerChoice + ". <br/>");
    if(userChoice==computerChoice){
        document.write("TIE!!!!");
    }
    else if(userChoice=="paper" && computerChoice=="rock"){
        document.write('<span style="color:red">You win!</span>');
    }
    else if(userChoice=="rock" && computerChoice=="scissors"){
        document.write('<span style="color:red">You win!</span>');
    }
    else if(userChoice=="scissors" && computerChoice=="paper"){
        document.write('<span style="color:red">You win!</span>');
    }
    else if(userChoice=="scissors" && computerChoice=="rock"){
        document.write('Sorry, you lose.');
    }
    else if(userChoice=="rock" && computerChoice=="paper"){
        document.write("Sorry, you lose.");
    }
    else if(userChoice=="paper" && computerChoice=="scissors"){
        document.write("Sorry, you lose.");
    }
    else if(userChoice=="Chuck Norris"){
        document.write("This program bows down to your superiority, YOU WIN!!!!");
    }
    document.write('<button type="button" style="display:block;"  onclick="game()">Play Again!</button>');

}
<body onload="game()">

4

2 に答える 2

2

次のような要素にコードを記述します。Document.write は、ものが消える傾向があります。

<h1 id='myText'></h1>

document.getElementById('myText').innerHTML = 'ドキュメントに書き込んでいたもの'

于 2013-06-20T03:04:03.193 に答える
2

document.write は忘れてください。div を使用してコンテンツを書き込みます。

<div id="mydiv"></div>

そして、次のように div に書き込みます。

document.getElementById("mydiv").innerHTML += "Sorry, you lose";

もちろん、「mydiv」を変数に入れて再利用することもできます。

var mydiv = document.getElementById("mydiv");
mydiv.innerHTML += "Sorry, you lose";
mydiv.innerHTML += "Sorry again";
于 2013-06-20T03:11:02.057 に答える