Как перенести расшифровку речи в текстовый результат в текстовое поле

Question

Я пытаюсь создать простой текст для речевого JavaScript-кода, он работает.

Но когда я нажимаю textarea и говорю снова, он не записывает то, что я говорю.

Так что, в основном, это работает, если я не нажимаю textarea и не будет работать после нажатия textarea.

Вот мой .js код

var targ = event.target || event.srcElement;
  var textarea = document.getElementsByClassName("stt").value += targ.textContent || targ.innerText;

  recognition.lang = SpeechLang;
  recognition.interimResults = true;
  recognition.maxAlternatives = 10;
  recognition.continuous = true;

  recognition.onresult = (event) => {
    let interimTranscript = '';
    for (let i = event.resultIndex, len = event.results.length; i < len; i++) {
      let transcript = event.results[i][0].transcript;
      if (event.results[i].isFinal) {
        finalTranscript += transcript;
      } else {
        interimTranscript += transcript;
      }
    }
    textarea = finalTranscript + interimTranscript;
  }

мой HTML

<textarea class="form-control stt" name="Description[]" rows="3"></textarea>

Мой полный код: https://github.com/jazuly1/stackoverflow/blob/master/speechtotext.php