<div style="margin: 100px;">
<script>
  function oblicz()
  {
    var tekst = document.getElementById('tekst');
    var liczba1 = document.getElementById('liczba1');
    var liczba2 = document.getElementById('liczba2');
    //
    liczba1.value=tekst.value.length;
    //
    var a=0;
    for (i=0; i<tekst.value.length; i++)
    {
      if ((tekst.value[i].toLowerCase())=='a') a++;
    }
    liczba2.value=a;
  }
</script>
<form>
  Tekst:<br>
  <textarea id="tekst" style="width: 300px;" onkeyup="oblicz()">Ala ma kota. Kot ma Alę.</textarea>
  <br>
  Ile znaków <input type="text" id="liczba1" value="0">
  <br>
  Ile liter a <input type="text" id="liczba2" value="0">
  <br>
  <input type="button" value="OBLICZ" onclick="oblicz()">
</form>
</div>