javascript - chrome上的控制台上没有任何内容，可从表单获取信息

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

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

<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

提交时没有任何反应，控制台中也没有任何内容可供调试。

最佳答案

试试下面的代码：

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