Javascript 如何获取数组项并在html中创建相应的跨距

我正在做一个刽子手游戏，我可以让用户输入一个单词，我可以将它变成一个数组。现在我似乎无法接受这些数组值并使它们显示为单独的跨距

var makeAlphabetArr;
var $wordInput = $(wordInput);
var x;
var p = $('#wordInputArr');
var button = $('button');
var startGame = $('startGame');

button.click(function(){
  if (startGame){
console.log('it works');

将变量设置为wordInput

userWord = $wordInput.val();
makeAlphabetArr();
spanValues();
}
});

函数获取userWord并拆分为数组

function makeAlphabetArr(){
 x = userWord;

接受用户输入并将其拆分为数组值

 x = x.split('');
  console.log(x);
  p.val(x).hide();
}

---

您可以使用jQuery的

每个
方法在数组中循环：

function makeAlphabetArr(){
    x = userWord;
    x = x.split('');
    console.log(x);
    $(x).each(function() {
        p.append($('<span>').html(this));
        console.log(this);
    });
}

函数makeAlphabetArr（）{
x=用户字；
x=x.分割（“”）；
控制台日志（x）；
$（x）.每个（函数（）{
p、 追加（$（''）.html（this））；
console.log（this）；
});
}

在循环中，
这将是用户输入单词的字母

您可以使用jQuery的
每个
方法在数组中循环：

function makeAlphabetArr(){
    x = userWord;
    x = x.split('');
    console.log(x);
    $(x).each(function() {
        p.append($('<span>').html(this));
        console.log(this);
    });
}

函数makeAlphabetArr（）{
x=用户字；
x=x.分割（“”）；
控制台日志（x）；
$（x）.每个（函数（）{
p、 追加（$（''）.html（this））；
console.log（this）；
});
}

在循环中，
这将是用户输入单词的字母

您需要遍历数组并为每个值创建新元素。您需要遍历数组并为每个值创建新元素。