JSFiddle - React, Tailwind, and code Playground

HTML

Premi qui per dare il focus alla pagina e poi digita <code>*ciao*</code>
<br>Mentre digiti non vedrai comparire nulla ma quando avrai digitato tutto, compresi gli asterischi, vedrai apparire un messaggio.
<h1 id="barcode"></h1>

JavaScript

const leadingChar = '*';
const trailingChar = '*';
document.addEventListener('keydown', captureKeys, true);

let barCode = '';
let capturing = false;

function captureKeys(event) 
{
   if (event.location != 0) {
     return;
   }
   if (!capturing && event.key == leadingChar) {
     capturing = true;
     barCode = '';
     document.getElementById("barcode").innerText = '';
     return;
   }
   if (capturing && event.key == trailingChar) {
      capturing = false;
      document.getElementById("barcode").innerText = "Il codice che hai digitato è: " + barCode;
      return;
   }
   if (capturing) {
     barCode += event.key;
     event.preventDefault();
   }
}