<input id="myInp" type="text" />
const {debounceTime, fromEvent, map} = rxjs;

fromEvent(myInp, "input")
  .pipe(
    debounceTime(1000),
    map((evt) => evt.target.value)
  )
  .subscribe((v) =>
    document.body.insertAdjacentHTML("beforeend", `<div>${v}</div>`)
  );

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/rxjs/7.8.1/rxjs.umd.min.js