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>

Array concat metodu

Örnek
Şöyle yaparız.

const names = (v) => [].concat(v).map(name => name.toUpperCase())

console.log(names(['Bart', 'Lisa'])) // [ 'BART', 'LISA' ]
console.log(names('Homer')) // ['HOMER']

Örnek
Şöyle yaparız

var arr = [9, 5, '2', 'ab', '3', -1] // to be sorted
var number = [];
var char = [];
arr.forEach(a => {
  if (typeof a == 'number') number.push(a);
  else char.push(a);
})


var sorted = number.sort().concat(char.sort());
console.log(sorted)

Çıktı olarak şunu alırız.

// arr = [-1, 5, 9, "2", "3","ab"] // expected result