javascript - 使用javascript在html页面上添加一个随机div(不重复)

Question

这是不起作用的代码(未添加任何内容)。如果我删除评论，第一行将起作用。我想变量 result 没有采用数字或其他东西。我真的不明白为什么。

$(document).ready(function () 
    //document.getElementById(1).style.display = "inline-block";
    // https://www.youtube.com/watch?v=pqLS4oyJ8cA
    array.prototype.randsplice = function(){
        var rndNumber = Math.floor(Math.random()*this.length);
        var lstSplice = this.splice(rndNumber,1);
        return lstSplice;
    }
    var lstNumber = new Array(0,1,2,3,4,5,6,7,8,9);
    var result = lstNumber.randsplice();
    document.getElementById(result).style.display = "inline-block";
    var result = lstNumber.randsplice();
    document.getElementById(result).style.display = "inline-block";
    var result = lstNumber.randsplice();
    document.getElementById(result).style.display = "inline-block";
});

我试着点击这个有趣的链接:Randomly Empty a Javascript Array但没有成功。(很明显，所有div的样式显示最初都设置为无。)

任何帮助将不胜感激。谢谢

Answer 1

你快完成了，到目前为止我注意到了 2 个错误；

1. $(document).ready(function () 中缺少 {。应该是 $(document).ready(function () {
2. array.prototype.randsplice 应该是 Array.prototype.randsplice

注意你需要 jQuery运行这个脚本。这是最后的 fiddle