Question

我正在学习Javascript，对它来说是全新的。我正在尝试编写一些代码，只需单击按钮即可从阵列中处理随机卡。它不需要删除卡只是处理随机的卡。我能够得到按钮来处理第一张卡片，但按钮消失后代替卡片名称，我无法进一步处理。我的问题是如何保持按钮在那里，并让它与每次点击交易卡。这是我的代码：

<div>
<button type="button" onclick="document.write(randomcard())"> Deal Card </button>
</div>
<script>



var cardsInDeck = new Array();


cardsInDeck[0] = "Ace of spades";
cardsInDeck[1] = "ace of clubs";
cardsInDeck[2] = "ace of diamonds";
cardsInDeck[3] = "ace of hearts"
cardsInDeck[4] = "King of diamonds"

function randomcard(){ return cardsInDeck[Math.floor(Math.random()*cardsInDeck.length)]
}


</script>

非常感谢任何帮助。

Answer 1

以下代码适用于我

HTML部分

<button type="button" onclick="randomcard()"> Deal Card </button>
<br><h7 id="result"></h7>

JavaScript部分

var cardsInDeck = new Array();
cardsInDeck[0] = "Ace of spades";
cardsInDeck[1] = "ace of clubs";
cardsInDeck[2] = "ace of diamonds";
cardsInDeck[3] = "ace of hearts"
cardsInDeck[4] = "King of diamonds"

function randomcard(){
var res = document.getElementById("result");
res.innerHTML=cardsInDeck[Math.floor(Math.random()*cardsInDeck.length)];

看到它正常工作http://jsfiddle.net/fNPvf/5066/

你缺少的是一个地方/标签来查看你的输出，我刚刚补充说它现在完美无缺。希望它有所帮助。

按钮无功能

1 个答案: