ngOnInit(): void {
    const button = document.querySelector('button');
    fromEvent(button, 'click').pipe(map(event => (event as MouseEvent).x ), scan((count, clientX) => count + clientX, 0))
    .subscribe(count => console.log(`total sum of mouse event.x: ${count} `));
  }