Javascript 列出两个不同数组的内容-例如，一副“等级”为“套装”的卡片

我正在尝试用javaScript制作一副标准的卡片。我使用两个数组-一个用于列组，另一个用于套装。我想运行一个简单的程序，它将获取这些数组的内容并列出它们-所以我会得到Ace of Clubs，2 of Clubs，3 of Clubs。。。等

到目前为止，我得到的只是一份排名表，如a、2、3。。。接下来是一份西服、俱乐部、钻石、红心

这是我的密码

var output = document.getElementById("card");
var x = ["King ", "Queen ", "Jack ", "10 ", "9 ", "8 ", "7 ", "6 ", "5 ", "4 ", "3 ", "2 ","Ace "];
var y = ["Clubs ", "Diamonds ", "Hearts ", "Spades "];

//cycle through card ranks
for (i=0; i < x.length; i++){
output.innerHTML += x[i];
}

//cycle through card suits
for (j=0; j < y.length; j++) {
output.innerHTML += x[i]
}

function suitedList(){
  for (j=0; j < y.length; j++){
    for (i=0; i < x.length; i++){
    return x[i] + "of " + y[j] 
    }
  }
}
output.innerHTML = suitedList()

有人能帮我找出哪里出了问题吗？

您可能希望您的suitedList如下所示：

输出=document.getElementByIdcard； 变量x=[国王、王后、杰克、10、9、8、7、6、5、4、3、2、王牌]； 变量y=[梅花、钻石、红心、黑桃]； 函数适配列表{ var列表=； 对于j=0；j 输出=document.getElementByIdcard； 变量x=[国王、王后、杰克、10、9、8、7、6、5、4、3、2、王牌]； 变量y=[梅花、钻石、红心、黑桃]； 函数适配列表{ var列表=； 对于j=0；j在从函数返回字符串之前，需要连接字符串。大致如下：

var输出=document.getElementByIdcard； 变量x=[国王、王后、杰克、10、9、8、7、6、5、4、3、2、王牌]； 变量y=[梅花、钻石、红心、黑桃]； //循环卡片等级 对于i=0；i在从函数返回字符串之前，需要连接字符串。大致如下：

var输出=document.getElementByIdcard； 变量x=[国王、王后、杰克、10、9、8、7、6、5、4、3、2、王牌]； 变量y=[梅花、钻石、红心、黑桃]； //循环卡片等级 对于i=0；i在SuitedList中使用return而不是字符串连接，并且在第一次迭代后返回在SuitedList中使用return而不是字符串连接，并且在第一次迭代后返回iteration@Timothyp很高兴我能help@Timothyp很高兴我能帮忙