I am quite new in js, and this is my first code. So basically I want to parse the log something like:

v=5,ci=3,si=60,sv=1,ss=active,es=-,ai=a23-369b-4da3-b2da-630aee75f8c5,ip='99.114.107.39',rm=GET,rv=HTTP/1.1,rs=200,rt=0.787020,ru='/tag/febe1eab436e98eb4ed3711870496c91/st.js?l=http%3A%2F%2Fwww.michaels.com%2Fv

The output should be print out by splitting by ',' , line by line, so it should look like:

v=5,
ci=3,
si=60,
sv=1,
ss=active,
es=-,
ai=a23-369b-4da3-......


I tried to write some js code, but it doesn't work. My code is following, someone could help me to fix it.

<!DOCTYPE html>
<html>
<head>
<title>reading file</title>
<script type="text/javascript">

var reader = new FileReader();

function readText(that){

if(that.files && that.files[0]){
var reader = new FileReader();
reader.onload = function (e) {



var output=e.target.result;
var str = output;
var start =0;
var end = 0;
while (end<str.length){
while (end<str.length && str.charAt(end)!=',') {
end++;
}
var stringLine="";
if (end==str.length) {
stringLine = str.substring(start, str.length);
}else {
stringLine = str.substring(start, end+1);
}





var signIndex=0;
while (stringLine.charAt(signIndex)!='=') {
signIndex++;
}
var newSubString = stringLine.substring(0,signIndex);
if (newSubString==="ip"){
document.write(stringLine);
document.write("<br />");
}





start=end+1;
end=start;
}

};//end onload()

reader.readAsText(that.files[0]);

}//end if html5 filelist support
}
</script>
</head>
<body>
<input type="file" onchange='readText(this)' />
<div id="main"></div>
</body>
</html>