javascript - 从文本框中切片字符串

Question

我正在尝试从文本框中获取用户输入的字符串。检查该字符串的长度，如果该字符串超过给定数字，则对其执行切片操作。

这是我想出的，但我的代码什么也没做。检查控制台，没有给出错误。

html:

        <form id="slice">
            Enter a pharse:<input type="text" id="text_box_2"><br>

            <input type="button" value="slice" onclick="Slice()">

            Result: <input type="text" id="slice_result"><br>
        </form>

Javascript 函数:

function Slice(){
    var UserString = document.getElementById("text_box_2").value;
    var UserStringValue = UserString.length;
    var Result = Userstring.slice(1,6);

    if (UserStringValue > 6){
        document.getElementById("Slice_result").value = Result;
    }
    else{
        alert("Please enter a longer phrase.")
    }
}

我哪里出错了？

Answer 1

注意区分大小写。

这个:

var Result = Userstring.slice(1,6);

应该使用代码中前面定义的 UserString(大写“S”)。

接下来，输入 ID 应该全部小写，slice_result，以匹配 HTML，但您的代码使用不同的大小写:

document.getElementById("Slice_result")

这是一个 working JSBin有了这些修复。

编辑:正如 JaromandaX 在评论中提到的，如果您想获取前 6 个字符，您应该使用 slice(0, 6)。