metric-space/first_example_with_rxjs.html

## first_example_with_rxjs.html
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/4.0.6/rx.all.js"></script>
  <title>Rxjs start</title>
</head>
<body>
  <button id="egg">Mash</button>
  <button id="reset">Reset</button>
  <div id="display">0</>
<script>
  var eg = document.getElementById("egg");
  var display = document.getElementById("display");
  var reset = document.getElementById("reset");

  var subreset = Rx.Observable.fromEvent(reset,'click')
                    .map(function(x){return 'reset';})

  var submash = Rx.Observable.fromEvent(eg,'click')
     .map(function(x){ return 1;})

  var sub = Rx.Observable.merge(subreset, submash)
     .scan(function(acc,x) {return (x == 'reset')?0:acc+x;},1);

  sub.subscribe(function(x){
    display.innerHTML = x;
  });
</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/4.0.6/rx.all.js"></script>
	<title>Rxjs start</title>
	</head>
	<body>
	<button id="egg">Mash</button>
	<button id="reset">Reset</button>
	<div id="display">0</>
	<script>
	var eg = document.getElementById("egg");
	var display = document.getElementById("display");
	var reset = document.getElementById("reset");

	var subreset = Rx.Observable.fromEvent(reset,'click')
	.map(function(x){return 'reset';})

	var submash = Rx.Observable.fromEvent(eg,'click')
	.map(function(x){ return 1;})

	var sub = Rx.Observable.merge(subreset, submash)
	.scan(function(acc,x) {return (x == 'reset')?0:acc+x;},1);

	sub.subscribe(function(x){
	display.innerHTML = x;
	});
	</script>
	</body>
	</html>