HTML TextArea Tag

oninput Alanı

Elimizde şöyle bir kod olsun

<p>sample text</p>
<textarea id="input" oninput="myFunction()" rows="5">html {
  font-family: monospace;
  font-size: 15px;
  }
</textarea>

Şöyle yaparız. Burada textarea.value alanı ile string nesnesine erişiyoruz.

function myFunction() {
  document.getElementsByTagName("style")[0].innerHTML =
    document.getElementById('input').value;
}

readonly Alanı
Şöyle yaparız.

<textarea readonly="readonly" class="disabled"></textarea>

rows Alanı
Şöyle yaparız

<textarea rows="10" cols="100" id="editor" onkeypress="hello(event);" ></textarea>
<script>
  function hello(e) {
    ...
  }
</script>

value Alanı
String nesnesi döner. Şöyle yaparız.

<textarea rows="10" cols="100" id="editor" onkeypress="hello(event);" ></textarea>
<div id="lineNo"></div>
<script>
  function hello(e) {
    var keyp=e.charCode; 
    if(keyp=='123') {
      getLineNumber();
    }
  }
  
  function getLineNumber() {
    var ta=document.getElementById("editor")
    var x=ta.value.substr(0, ta.selectionStart).split("\n").length;
    return x;
  }
</script>