2017-07-03 54 views
1

我正在創建一個簡單的字符串反向項目。在控制檯上沒有任何東西出現在鍍鉻物中,從窗體中獲取信息

我想要用戶輸入輸入,那麼該輸入將以相反的順序顯示在文本框下方。

<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

什麼也沒有發生在提交和沒有出現在控制檯調試。

回答

0

試試下面的代碼:

str = document.getElementById("userInput").value; 
0
onclick="strRev()" 

和你在你的按鈕輸入呼叫

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

添加類型= 「按鈕」,這樣的形式不會刷新

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

您可能會之後再解決你的其他問題。

0

您有一個錯誤在你的HTML這裏<input type="text" id="userInput"=>

應該<input type="text" id="userInput">

也獲取輸入的值應該是這樣的

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

應用這些更改後你將請參閱控制檯中的輸出