JavaScript mit charAt erhalten aus dem Eingabetext

Question

ich habe TextArea- i charAt verwenden werden Zeichen zu erhalten 3 und 5 ..

Textarea

<div class="hash_ctrl"><textarea name="hash_input" id="hash_input"></textarea></div> 

Knopf Schaltfläche Onclick = "myFunction() "

<p id="demo"></p> 

<script> 
    function myFunction() { 
     var x = document.getElementById("hash_input"); 
     var Val = x.charAt(3); 
     var Val1 = x.charAt(5); 

     document.getElementById("demo").innerHTML = Val + val1; 
    } 

</script> 

Das Ergebnis ist nichts ...

Jede Hilfe zu schätzen wissen ...

Answer 1

Verwenden Sie document.getElementById("hash_input").value, um den Wert zu erhalten. .value ruft die Eigenschaft value vom Eingabeelement ab.

Versuchen Sie folgendes:

function myFunction() { 
 
    var x = document.getElementById("hash_input").value; 
 
    var Val = x.charAt(3); 
 
    var Val1 = x.charAt(5); 
 
    document.getElementById("demo").innerHTML = Val + Val1; 
 
    //________________________________________________^^^^ typo here 
 
}

<div class="hash_ctrl"> 
 
    <textarea name="hash_input" id="hash_input">HelLoO</textarea> 
 
</div> 
 
<button onclick="myFunction()">Test</button> 
 
<p id="demo"></p>

Answer 2

Sie versuchen charAt() auf Element nennen stattdessen sollten Sie es auf den Wert des Elements so wenden Sie versuchen .value hinzuzufügen, ersetzen:

var x = document.getElementById("hash_input"); 

Von:

var x = document.getElementById("hash_input").value; 

HINWEIS:Val + val1; sollte Val + Val1; (Großbuchstaben die v am Anfang Val1) sein, auch zusätzliche } am Ende entfernen.

Hoffe, das hilft.

---

function myFunction() { 
 
    var x = document.getElementById("hash_input").value; 
 
    var Val = x.charAt(3); 
 
    var Val1 = x.charAt(5); 
 

 
    document.getElementById("demo").innerHTML = Val + Val1; 
 
}

<div class="hash_ctrl"> 
 
    <textarea name="hash_input" id="hash_input">abcdef</textarea> 
 
</div> 
 
<button onclick="myFunction()">Execute my function</button> 
 

 
<p id="demo"></p>

Answer 3

Hier finden Sie die textaras value Eigenschaft statt innerHTML (vorausgesetzt, Sie verwenden möchten, was in das Textfeld eingegeben wurde) verwendet werden soll.

Auch - kein Grund, dass ich an chartAt Methode denken kann. Strings sind wie Arrays indexierbar.

var a="value"; 
    var b=a[2]; // "l"