Capturar, contar as leituras de código de barras

Saudações!

Estou com objetivo de capturar em tempo real, a leitura de código de barras através daqueles leitores a laser. Basicamente, esses leitores a laser funcionam como um buffer de teclado.

Para isso, estou usando o campo textarea para entrada de dados. Tenho 2 objetivos a atender
1)Contar a quantidade de código de barras em tempo real
2)Armazenar em um array

Para isto, estou na tentativa de utilizar JQuery; Sendo o código funcional no emulador (somente)aqui , porém não funciona no navegador.

Para primeiro objetivo o Código utilizados são:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js" ></script>
<script type="text/javascript">
//Verifica se Jquery foi carregado
     $(document).ready(function(){
         if (jQuery) {  
           // jQuery is loaded  
           // alert("Jquery carregado!");
         } else {
           // jQuery is not loaded
           alert("Jquery Doesn't Work");
         }
      });
      //codigo para contar os ENTERS
      var tarea = document.querySelector('#ta')
      var input = document.querySelector('#rt')
      function update() {
      var res = (tarea.value.match(/\n/g)) ? tarea.value.match(/\n/g).length : 0;
       input.value = res;
      }
      tarea.addEventListener('input', update)  

Código do html

     <textarea id="ta" rows="14" style="height:250px" onkeypress="if 
     (!isNaN(String.fromCharCode(window.event.keyCode))) return true; else return false;">
      </textarea> <h5>Area de recebimento de dados</h5> <input type="text" 
      id="rt" name="textnumber" value="" readonly>