Javascript:链接运行功能不起作用

Question

我正在创建一个 BF4 武器选择器(告诉您要装备的随机武器/附件)，使用下面的函数和一个刷新它的链接(再次运行该函数)，但是当单击该链接时，它不会工作(并且控制台中没有错误)有任何想法吗？ JSFiddle

只是澄清一下:文本显示为链接，但是当您单击该链接(运行 javascript:CreateWeapons() 时，它不起作用，并且 JSFiddle 或 javascript 控制台中没有错误)

JS:

function Random(arr) {
            return arr[Math.floor(Math.random() * arr.length)];
        }

       function CreateWeapons() {
            document.getElementById('text').innerHTML = ('<a href="javascript:CreateWeapons();">' +
                'Primary: ' + Primary +
                '<br>' +
                'Secondary: ' + Secondary +
                '</a>');
            }

        var Primary = Random(["M16A4", "M16A3", "M416", "None"]);
        var Secondary = Random(["None",".44 Deagle"])
        CreateWeapons();

    // BF4 weapon chooser (using random values)

HTML:

<div id="weapons">
    <div id="text"></div>
</div>

Answer 1

如果您希望主武器和次武器在每次点击时发生变化，您可以在 CreateWeapons 方法中调用 Random 方法。

而且使用href调用js函数也不是好方法，可以使用onclick代替。

这是为您更新的工作代码。

function Random(arr) {
        return arr[Math.floor(Math.random() * arr.length)];
    }

   function CreateWeapons() {
     var Primary = Random(["M16A4", "M16A3", "M416", "None"]);
     var Secondary = Random(["None",".44 Deagle"]);
        document.getElementById('text').innerHTML = ('<a href="#" onclick="CreateWeapons();return false;">' +
            'Primary: ' + Primary +
            '<br>' +
            'Secondary: ' + Secondary +
            '</a>');
        }


    CreateWeapons();

// BF4 weapon chooser (using random values)