i tried to create an arabic keyboard script, i want when i click on a letter it displays in texterea field, i don't know how to start. I added an onclick = "alpha ('ز')" function but I don't know how to use.
<style type="text/CSS">
#Layer1 {
position:absolute;
left:263px;
top:100px;
width:176px;
height:147px;
z-index:1;
}
</style>
<div id="Layer1">
<div class="form-group">
<label>Clavier Arab <span class="text-hightlight"></span></label>
<textarea type="text" name="description" class="form-control" dir="rtl" style="height: 200px;width:850px;" placeholder="أكتب بالعربية" />
</textarea>
</div>
<table width="100%" height="100%">
<tbody>
<tr>
<td valign="middle">
<table width="100%" align="center" style="border:3px #009900 double" bgcolor="#FFFFFF">
<tbody>
<tr>
<td colspan="2">
<table width="100%" cellpadding="10" cellspacing="10" align="center">
<tbody>
<tr align="center">
<td>
<input width="100%" type="button" value="ض" onclick="alpha('ض')" class="btn btn-outline-primary">
</td>
<td>
<input type="button" value=" ز " onclick="alpha('ز')" class="btn btn-outline-primary">
</td>
<td>
<input type="button" value=" ر " onclick="alpha('ر')" class="btn btn-outline-primary">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>