Edit in JSFiddle

ArrayBuffer and Dataview Demo by Troy Whorten 3/27/2014<br>
Enter a number, any number (setInt32):<br>
<input type="text" onkeyup="document.getElementById('target').innerHTML=''; number(this.value);"/>
<div id="target"></div>

//by Troy Whorten 3/27/2014

function write (str) {
    var doc = document.getElementById('target');
    var el = document.createElement('span');
    var br = document.createElement('br');
    el.innerHTML = str;
    el.style.color = "blue";
    doc.appendChild(el);
    doc.appendChild(br);
}

function number (num) {
var ab = new ArrayBuffer(12);
var abDV = new DataView(ab);
abDV.setInt32(0,num);
write("<span style='color:black;'> getInt32(0): </span>" + abDV.getInt32(0));
write("<span style='color:black;'> getInt8(0): </span>" + abDV.getInt8(0));
write("<span style='color:black;'> getInt8(1): </span>" + abDV.getInt8(1));
write("<span style='color:black;'> getInt8(2): </span>" + abDV.getInt8(2));
write("<span style='color:black;'> getInt8(3): </span>" + abDV.getInt8(3));
write("<span style='color:black;'> getInt8(4): </span>" + abDV.getInt8(4));
write("<span style='color:black;'> getInt16(0): </span>" + abDV.getInt16(0));
write("<span style='color:black;'> getInt16(1): </span>" + abDV.getInt16(1));
write("<span style='color:black;'> getInt16(2): </span>" + abDV.getInt16(2));
write("<span style='color:black;'> getUint8(0): </span>" + abDV.getUint8(0));
write("<span style='color:black;'> getUint8(1): </span>" + abDV.getUint8(1));
write("<span style='color:black;'> getUint8(2): </span>" + abDV.getUint8(2));
write("<span style='color:black;'> getUint8(3): </span>" + abDV.getUint8(3));
write("<span style='color:black;'> getUint16(0): </span>" + abDV.getUint16(0));
write("<span style='color:black;'> getUint16(1): </span>" + abDV.getUint16(1));
write("<span style='color:black;'> getUint16(2): </span>" + abDV.getUint16(2));
write("<span style='color:black;'> getFloat32(0): </span>" + abDV.getFloat32(0));
write("<span style='color:black;'> getFloat64(0): </span>" + abDV.getFloat64(0));
}