Question

好的，我有这个JavaScript程序。我正在尝试制作一个程序，从Once Upon A Time中随机选择两个角色并匹配它们。我的工作正常，但我在使用＆＃34; Add Name to Array＆＃34;特征。这是我的代码：

<center>
<b>
<input type="button" value="Randomize!" onclick="ouatRandomizer();">
<b>
<p id="text"></p>
<input id="name" type="text" placeholder="Add a Name" />
<input type="button" value="Add Array" onclick="addToArray();">
</center>

<script>

var nameInput   = document.getElementById("name");

var names = ["Hook", "Rumpelstiltskin", "Belle", "Emma", "Regina", "Aurora", "Elsa", "Anna", "Snow White", "Prince Charming", "Cora", "Zelena", "August", "Mulan", "Graham", "Discord", "Will", "Robin Hood", "Jiminy Cricket", "Henry", "Neal", "Red"];
var nameone = names[Math.floor(Math.random() * names.length)];
var nametwo = names[Math.floor(Math.random() * names.length)];
message = "Your characters are.. " + nameone + " and " + nametwo + ".";


function ouatRandomizer() {
    nameone = names[Math.floor(Math.random() * names.length)];
    nametwo = names[Math.floor(Math.random() * names.length)];
    message = "Your characters are.. " + nameone + " and " + nametwo + ".";
    document.getElementById("text").innerHTML = message;
}

function addToArray( name ) {
    names.push( name );
    console.log(names.join());
}



</script>

我希望它能够在输入框中添加任何名称，并自动随机化该名称。它不必记住名称，因为它很复杂，可能会使用单独的文本文件，但如果你能这样做，谢谢你。

我再次感谢你花时间阅读并帮我解决问题。我想做的两件快事现在想提一下。首先，我对这些论坛比较陌生，所以我不太了解它们。其次，请尝试解释代码，如果有很多简短但描述性的方式。我仍然是一名初学者，正如我所说的那样，是论坛的新手。

谢谢。

Answer 1

我首先要提到的是，除了Math.random()是一个伪随机数生成器之外，你的随机化算法偏向于数组的前面，并且永远不会选择任何超过“Graham”的东西。

您可以使用此随机数字来解决此问题：

/*
 * 
 * @param upper_bound is the total number of elements in your array.
 * 
 */
function randomize (upper_bound) {
    return Math.floor(Math.random() * upper_bound);
}

要回答您的问题，您必须在调用addToArray()函数之前获取输入值。

替换

<input type="button" value="Add Array" onclick="addToArray();">

与

<button onclick="addInput()"></button>

然后将此函数添加到您的代码中：

function addInput () {
    var name = document.getElementById("name").value;
    addToArray(name);
}

希望有所帮助。

来自数组的JavaScript随机选择器＆＃34;将名称添加到数组＆＃34;特征

1 个答案: