import { interval, take } from 'rxjs';

const h2 = document.querySelector(".message") as HTMLHeadingElement;

const interval$ = interval(1000);
const take$ = interval$.pipe(take(10));
take$.subscribe(n => {
    h2.innerText = `Count: ${n + 1} of 10`;
});