没有按钮功能

No functionality with button

本文关键字：功能 按钮      更新时间：2023-09-26

我正在学习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>

任何帮助都是非常感激的。

下面的代码为我工作

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/

你缺少的是一个地方/标签来查看你的输出，我刚刚添加了它，现在它工作得很好。希望有帮助。

相关文章：