Membuat tombol Backspace dengan JavaScript pada Text Area

Hari ini saya sedang mencoba membuat sebuah Tool, karena tool tersebut menggunakan text area dan pengetikan manual, maka perlu adanya tombol BackSpace, walaupun tentunya bisa menggunakan keyboard, saya akan menambahkan keyboard virtual untuk pengetikan.

Pembuatan Text Area dan Button

Di sini saya hanya menggunakan textarea standar saja, contohnya seperti ini

<textarea id="comment" cols="50" rows="10">Silahkan isi komentar anda</textarea>
<input type="button" onclick="backspace();" value="backspace" />

perhatikan pada id text area, saya menggunakan comment, ini yang harus disamakan pada JavaScriptnya

Pemasangan JavaScript

Selanjutnya tambahkan JavaScript ini, samakan id dengan text area, seperti di atas

var backspace = function() {
 var math  = document.getElementById('comment').value;
 document.getElementById('comment').value=math.substring(0,math.length -1);
}

Pada tombol juga perhatikan variable backspace. Untuk Demo silahkan lihat di bawah (klik tombol backspace untuk melihat efeknya):

Semoga Bermanfaat..