JSFiddle - React, Tailwind, and code Playground

by superj80820

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.5.5/rxjs.umd.js"></script>
<body>
  <button id="A">A</button>
  <button id="B">B</button>
</body>

JavaScript

const { zip, fromEvent } = rxjs;

document.getElementById('A').addEventListener('click', () => {
    window.alert('Alert A')
})
document.getElementById('B').addEventListener('click', () => {
    window.alert('Alert B')
})

// alertC的邏輯
zip(
    fromEvent(document.getElementById('A'), 'click'),
    fromEvent(document.getElementById('B'), 'click')
)
.subscribe(mouseDatas => {
    window.alert(`Alert C. A button x is ${mouseDatas[0].screenX}. B button x is ${mouseDatas[1].screenX}`)
})