javascript在chrome中的控制台上不显示任何内容，从表单中获取信息

Question

我正在创建一个简单的字符串反转项目

我希望用户输入信息，然后输入信息将以相反的顺序显示在文本框下方

<form id = "frm1">
<input type="text" id="userInput"=> give me input</input>
<button onclick="strRev()">Submit</button>
</form>


<script type="text/javascript">



    function strRev(str){

        str = document.getElementById("userInput").toString().value;
        console.log(str);

        var originalStr = str.split("");

        console.log(originalStr);
        var finalArray = [];
        var j = 0;
        for(i = originalStr.length-1; i >= 0; i--){
            finalArray[j] = originalStr[i];
            j++;
        }

        for(k = 0; k <finalArray.length; k++){
            document.write(finalArray[k]);

        }


    }


</script>

When pressing submit, the information in the box is what should be reversed

提交时不会发生任何事情，控制台中也不会出现任何要调试的内容

Answer 1

 onclick="strRev()"

你在打电话吗

function strRev(str) // function with one argument, must be showing error in console

Answer 2

你的html中有一个错误<input type="text" id="userInput"=>

应该是<input type="text" id="userInput">

获取输入值也应该是这样的

str = document.getElementById("userInput").value;

应用这些更改后，您将在控制台中看到输出

Answer 3

在按钮输入中添加type=“button”，这样表单就不会刷新

<button type=button onclick="strRev()">Submit</button>

在那之后，你可能会继续解决你的其他问题

Answer 4

请尝试以下代码：

str = document.getElementById("userInput").value;