Javascript-将值推入数组返回未定义

Question

此处新增了javascript。 我有一个简单的表单，可以接收用户提交的内容并将其放入数组中。 提交特定单词时，系统会提示您输入数组中的随机值。 我认为我在这里遇到的问题是事情实际上并没有被推送到数组中，因为提示将返回未定义的内容。

var res_array = [];
var restaurant = document.getElementById("restaurants");
var rand = res_array[Math.floor(Math.random() * res_array.length)];

function submit_res(){
    if (restaurants.value !="end" && restaurants.value !="finish") {
        alert('It got pushed');
        res_array.push(restaurant);
        return true;
    } else {
        alert('Selected restaurant: ' + rand);
    }
}

现在这是固定的-

var res_array = [];

function submit_res(){
var restaurant = document.getElementById("restaurants");

if (restaurants.value !="end" && restaurants.value !="finish") {
    res_array.push(restaurant.value);
} else {
    var random_res = res_array[Math.floor(Math.random() * res_array.length)];
    alert('Selected restaurant: ' + random_res);
}

return false;
}

HTML部分：

<form>
    Restaurants: <input type="text" id="restaurants" name="restaurants" />
    <input type="submit" value="Submit" onClick="return submit_res()"/>
</form>

Answer 1

事情推入阵，但他们不会再取出。

片段res_array[Math.floor(Math.random() * res_array.length)]; 在用户提交任何值之前，仅执行一次。 res_array目前为空，因此从中获取随机元素将导致undefined 。 这是提示。

解决方案是移动var rand = res_array[...]; 到else {}子句中。