Question

我今天编写了代码，但无法使用。

请查看代码：

<html>
    <head>
        <meta charset="UTF-8">
        <meta name="keywords" content="random,variable name">
        <title>Random Variable Name Maker</title>
    </head>

    <body background="WT.png">
        <script src="script.js"></script>
        <input id="string" value="Click the following button!"><br>
        <button onClick="shuffle()">Shuffle!</button>
        <p>Click <b>Ctrl</b> + <b>A</b> to Select All<br>Click <b>Ctrl</b> + <b>C</b> to Copy</p>
    </body>
</html>

var charlist[46] = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"

function shuffle() {
    var name = document.getElementById("string").value;
    var string;
    for (int i = 0; i <= 10; i++) {
        var rand = Math.floor((Math.random() * 46) + 1);
        var char = charlist[rand];
        string += char;
    }
    name = string;
}

我希望输出是一个字符串，但是有一个错误：
未捕获的ReferenceError：未定义shuffle
在HTMLButtonElement.onclick

Answer 1

您的代码有误：

var charlist[46] => var charlist = "";

onClick => onclick

for (int i = 0 => for (var i = 0; i < name.length; i++)
var string => var string = "";

value="Click the following button!" => placeholder="Click the following button!"

可能需要重新分配给原始document.getElementById("string").value = name;

还要检查将script标记放在</body>标记之前。

var charlist = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"

function shuffle() {
    var name = document.getElementById("string").value;
    var string = "";
    for (var i = 0; i < name.length; i++) {
        var rand = Math.floor((Math.random() * 46) + 1);
        var char = charlist[rand];
        string += char;
    }
    name = string;
    
    document.getElementById("string").value = name;
}

<html>
    <head>
        <meta charset="UTF-8">
        <meta name="keywords" content="random,variable name">
        <title>Random Variable Name Maker</title>
    </head>

    <body background="WT.png">
        <script src="script.js"></script>
        <input id="string" placeholder="Click the following button!"><br>
        <button onclick="shuffle()">Shuffle!</button>
        <p>Click <b>Ctrl</b> + <b>A</b> to Select All<br>Click <b>Ctrl</b> + <b>C</b> to Copy</p>
    </body>
</html>

为什么未定义“随机播放”？

1 个答案: