單擊后，我的按鈕保持消失

Question

我在我的代碼結尾處制作了一個搖滾，紙張，剪刀和按鈕的游戲，然后在你點擊它之后，它就消失了，繼續一遍又一遍地重復這段代碼是沒有意義的。

 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()">

Answer 1

將代碼寫入如下的元素或類似的元素。 Document.write傾向於讓東西消失。

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

document.getElementById（'myText'）。innerHTML ='我寫的文件'

Answer 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";

單擊后，我的按鈕保持消失

問題描述

2 個解決方案

解決方案1
2 已采納 2013-06-20 03:04:03

解決方案2
2 2013-06-20 03:11:02

單擊后，我的按鈕保持消失

問題描述

2 個解決方案

解決方案1 2 已采納 2013-06-20 03:04:03

解決方案2 2 2013-06-20 03:11:02

解決方案1
2 已采納 2013-06-20 03:04:03

解決方案2
2 2013-06-20 03:11:02