demo.html

<html>
	<head>
		<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js'></script>
		<script src='http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min.js'></script>
		<script src='./myo.js'></script>
		<script src='./experimental/myo.experimental.js'></script>
	</head>
	<body>

		<div id='log'>

		</div>

	</body>

	<style>
		#log{
			height : 50px;
			width : 50px;
			background-color: red;
		}
	</style>

	<script>

		var log = document.getElementById('log')

		var myo = Myo.create(0);

		myo.on('pose', function(poseName){
			//console.log(poseName);
		})

		myo.on('arm_recognized', function(){
			console.log('good!', this.id);
		})

		myo.on('arm_lost', function(){
			console.log('bad', this.id);
		})


		myo.on('wave_left', function(){
			console.log('wave Left!');
		})
		myo.on('fist', function(){
			console.log('BT PLZ');
			myo.requestBluetoothStrength();
		})

		myo.on('connected', function(){
			setInterval(function(){
				myo.requestBluetoothStrength();
			}, 100);
		})

		myo.on('bluetooth_strength', function(BTS){
			var width = ((BTS * -1 - 40 ) / 50 ) * 100  + '%';
			$('#log').width(width);
			console.log(width);
		})

		myo.on('double_tap', function(){
			this.zeroOrientation();
			console.log('double tap') ;
		});

		myo.on('gyroscope', function(data){
			if(data.y < -2) console.log('hit!');
		});


	</script>
</html>