我如何使javascript函数成为html属性？

Question

我有一个带参数的javascript变量，但我不知道如何将其传递到我的html代码中。 javascript代码取自https://gist.github.com/EvanHahn/2587465：

var caesarShift = function(str, amount) {

    // Wrap the amount
    if (amount < 0)
        return caesarShift(str, amount + 26);

    // Make an output variable
    var output = '';

    // Go through each character
    for (var i = 0; i < str.length; i ++) {

        // Get the character we'll be appending
        var c = str[i];

        // If it's a letter...
        if (c.match(/[a-z]/i)) {

            // Get its code
            var code = str.charCodeAt(i);

            // Uppercase letters
            if ((code >= 65) && (code <= 90))
                c = String.fromCharCode(((code - 65 + amount) % 26) + 65);

            // Lowercase letters
            else if ((code >= 97) && (code <= 122))
                c = String.fromCharCode(((code - 97 + amount) % 26) + 97);

        }

        // Append
        output += c;

    }

    // All done!
    return output;

};

很明显，我想将其传递给我的HTML。我已经做了一些研究，并遇到了诸如：

<p id="output"></p>

然后是>>

document.getElementById('output').innerHTML = lengthOfName;
但是我不知道如何将它们全部加在一起。如何调用变量？对于字符串，我有一个文本区域输入框，也许还有一个第二个参数（数量）的单击器，但是我不知道如何将它们全部整合到HTML中。

我有一个带参数的javascript变量，但我不知道如何将其传递到我的html代码中。 javascript代码摘自https://gist.github.com/EvanHahn/2587465：var caesarShift = ...

Answer 1

您需要将html文档的<script>和<p>中的body内部的JavaScript调高，如下所示：