donnut/index.html

## index.html
<html>
<head>
<script type="text/javascript" src="bower_components/monet/src/main/javascript/monet.js"></script>
<script type="text/javascript" src="bower_components/jquery/dist/jquery.js"></script>
<script>
  window.onload= function() {

    var read = IO(function(id) {
        return $(id).val();
    });

    var write = function(id) {
      return IO(function(value) {
        $(id).val(value);
      });
    }

    var toUpper = function(text) {
      return text.toUpperCase()
    }
    var changeToUpperIO = read('#in')
      .map(toUpper)
      .flatMap(write('#in'));

    changeToUpperIO.run();
  }
</script>
</head>
<body>
<input id='in' value='standaard'></input>
</body>
</html>
	<html>
	<head>
	<script type="text/javascript" src="bower_components/monet/src/main/javascript/monet.js"></script>
	<script type="text/javascript" src="bower_components/jquery/dist/jquery.js"></script>
	<script>
	window.onload= function() {

	var read = IO(function(id) {
	return $(id).val();
	});

	var write = function(id) {
	return IO(function(value) {
	$(id).val(value);
	});
	}

	var toUpper = function(text) {
	return text.toUpperCase()
	}
	var changeToUpperIO = read('#in')
	.map(toUpper)
	.flatMap(write('#in'));

	changeToUpperIO.run();
	}
	</script>
	</head>
	<body>
	<input id='in' value='standaard'></input>
	</body>
	</html>