dmcclory · April 16, 2014 01:01
diff --git a/bacon.html b/bacon.html
 <html>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/bacon.js/0.7.10/bacon.js"></script>
  </head>
  <body>
    <div>Running total: <span id="amount"></span></div>
    <div id="ledger">
      <input type="text" id="entry">
      <button>Awesome!</button>
    </div>

    <script>
      var clicks = $('#ledger button').asEventStream('click')
      var keyPresses = $(document).asEventStream('keypress')

      // look at these two lines!
      var enters = keyPresses.filter( function(k) { return k.keyCode == 13 } )

      var values = Bacon.mergeAll([clicks, enters]).map( function(f) { return Number( $('#ledger input').val()) })

      // total is a property - stream that receives events
      // but also has state.
      var total = values.scan(0, function(m, n) { return m + n } )

      total.onValue( function(v) { $('#amount').html(v)  } )
    </script>
  </body>
 </html>
	<html>
	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/bacon.js/0.7.10/bacon.js"></script>
	</head>
	<body>
	<div>Running total: <span id="amount"></span></div>
	<div id="ledger">
	<input type="text" id="entry">
	<button>Awesome!</button>
	</div>

	<script>
	var clicks = $('#ledger button').asEventStream('click')
	var keyPresses = $(document).asEventStream('keypress')

	// look at these two lines!
	var enters = keyPresses.filter( function(k) { return k.keyCode == 13 } )

	var values = Bacon.mergeAll([clicks, enters]).map( function(f) { return Number( $('#ledger input').val()) })

	// total is a property - stream that receives events
	// but also has state.
	var total = values.scan(0, function(m, n) { return m + n } )

	total.onValue( function(v) { $('#amount').html(v) } )
	</script>
	</body>
	</html>