Nichts erscheint auf der Konsole in Chrom und nimmt Informationen aus dem Formular

Question

Ich erstelle ein einfaches String-Reverse-Projekt.

Ich möchte, dass der Benutzer eine Eingabe eingibt, dann wird diese Eingabe unter dem Textfeld in umgekehrter Reihenfolge angezeigt.

<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

Nichts geschieht auf einreichen und nichts erscheint in der Konsole zu debuggen.

Answer 1

Versuchen Sie, den folgenden Code:

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

Answer 2

onclick="strRev()" 

und Sie anrufen

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

Answer 3

Add type = "button" in der Tasteneingabe, auf diese Weise die Form nicht

neu geladen

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

Sie werden wahrscheinlich in der Lage sein zu con danach lösen Sie Ihre anderen Probleme.

Answer 4

Sie haben einen Fehler in der HTML hier <input type="text" id="userInput"=>

es wie dieses <input type="text" id="userInput">

auch der Wert des Eingangs holen sollte

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

Nach der Anwendung dieser Änderungen sollte man so will Siehe die Ausgabe in der Konsole