Javascript 没有按钮的功能

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

交易卡
var cardsInDeck=新数组（）；
cardsInDeck[0]=“黑桃王牌”；
cardsInDeck[1]=“俱乐部王牌”；
cardsInDeck[2]=“钻石王牌”；
cardsInDeck[3]=“红桃王牌”
cardsInDeck[4]=“钻石之王”
函数randomcard（）{return cardsInDeck[Math.floor（Math.random（）*cardsInDeck.length）]
}

---

非常感谢您的帮助

下面的代码适合我

HTML部分

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

看到它工作了吗

---

您缺少的是一个用于查看输出的位置/标签，我刚刚添加了它，现在它可以完美地工作了。希望有帮助。

不要使用

文档。编写
。了解如何进行DOM操作：。也不要以这种方式创建数组。不，建议使用不带
type
属性的
。我编辑了它，但为什么不指定我们使用的脚本呢？我添加了这个，尽管按钮没有消失，但它不会在任何地方显示卡名。谢谢，非常感谢。@user3355961:也可以投票：(
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)];