Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Elementary observables</title>
</head>
<body>
<script src="https://unpkg.com/@reactivex/rxjs@5.0.3/dist/global/Rx.js"></script>
<button id='error'>Will throw</button>
<button id='button'>Point</button>
</body>
</html>
 
let Observable = Rx.Observable
let errorButton = document.getElementById('error')
let errorClicks = Observable.fromEvent(errorButton, 'click')
errorClicks.forEach(
  onNext = (x) => {
    console.log('clicked')
    throw('ERROR')
  }
).then(
  () => console.log('complete'),
  (e) => console.log('error', e)
)
let button = document.getElementById('button')
let clicks = Observable.fromEvent(button, 'click')
let points = 
    clicks.map((e) => ({
     x: e.clientX, y: e.clientY 
    }))
points.forEach((point) => {
    console.log(point)
  }
)
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers