我的按钮在点击后消失

我做了一个岩石，纸张，剪刀和我在代码末尾有的按钮游戏，点击一次后，它就消失了，它没有任何意义继续重复这些代码。我的按钮在点击后消失

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

来源

2013-06-20 vman

似乎没什么问题http://plnkr.co/edit/MglqlZDjTOM5wLMHx8It?p=preview –

不要使用'document.write（）的'。使用DOM来操纵UI。 – Passerby

试试http://jsfiddle.net/arunpjohny/XFwdk/1/ –

代码写入类似以下或类似的东西的元素。 Document.write往往会让东西消失。

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

的document.getElementById（ '会将myText'）。innerHTML的= '我在写的文档'

来源

2013-06-20 03:04:03 dennythecoder

忘记文件撰写。使用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-20 03:11:02

我的按钮在点击后消失

回答

相关问题