function percentEncodeAllChars(str) {

    var strEncoded = '';

    for(var i = 0, ilen = str.length; i < ilen; i++) {

        var strHex = parseInt(str.charCodeAt(i)).toString(16);
        strEncoded += '%' + strHex;
    }

    return strEncoded;
}

function doEncode() {

    var strInput = document.getElementById('encode').value;

    document.getElementById('result').innerHTML = percentEncodeAllChars(strInput);
}