Untitled

<html>
<head>
<title>Open Window and Load File</title>
	<link rel="stylesheet" type="text/css" href="css.css"/>
        <script src = "jquery-1.12.0.min.js"></script>
    <script type="text/javascript">


	function getUrl(url){
		url = url.value;
		iframe = document.getElementById('iframe');
		iframe.src = url;
	}


	function retrieveText(){
		iframe = document.getElementById("iframe").contentDocument.body.innerHTML;

                var start = 0;
                var end = 0;
                for(i=0; i<iframe.length; i++){

                    if(iframe.charAt(i)=== "<"){
                        start = i;
                    }

                    if(iframe.charAt(i)=== ">"){
                        end = i+1;
                        iframe = iframe.replace(iframe.slice(start, end), " ");
                        i = start;

                    }

                }

                split = iframe.split(" "),
                        obj = {};

                var div = document.getElementById("text");
                var form = document.createElement("FORM");
                div.appendChild(form);


                //Attenmpt for Ascending/Descending order

                var asc = document.createTextNode("Ascending");
                var ascBut = document.createElement("input");
                var desc = document.createTextNode("Descending");
                var descBut = document.createElement("input");
                ascBut.type = "radio";
                descBut.type = "radio";
                ascBut.id = "asc";
                descBut.id = "desc";
                ascBut.name = "but";
                descBut.name = 'but';


                form.appendChild(asc);
                form.appendChild(ascBut);
                form.appendChild(desc);
                form.appendChild(descBut);
                var tab = document.createElement("table");
                var bod = document.createElement("tbody");
                var thed = document.createElement("thead");
                tab.appendChild(thed);
                tab.appendChild(bod);
                var tr = document.createElement("tr");
                thed.appendChild(tr);
                var th = document.createElement("th");
                tr.appendChild(th);
                th.appendChild(document.createTextNode("Word"));
                th = document.createElement("th");
                tr.appendChild(th);
                th.appendChild(document.createTextNode("Number of Occurrences"));
                form.appendChild(tab)
                if(document.getElementById('desc').checked){

                    for (var x=split.length; x>=0; x--){
                          if(obj[split[x]]===undefined){
                            obj[split[x]]=1;
                          }else{
                            obj[split[x]]++;
                          }
                          if(split[x].length>0){
                            tr = document.createElement("tr");
                            bod.appendChild(tr);
                            td = document.createElement("td");
                            tr.appendChild(td);
                            td.appendChild(document.createTextNode(split[x]));
                            td = document.createElement("td");
                            tr.appendChild(td);
                            td.appendChild(document.createTextNode(obj[split[x]]));
                        }
                    }
                }
                else{
                    for (var x=0; x<split.length; x++){
                          if(obj[split[x]]===undefined){
                            obj[split[x]]=1;
                          }else{
                            obj[split[x]]++;
                          }
                          if(split[x].charCodeAt(0)>=33){
                            tr = document.createElement("tr");
                            bod.appendChild(tr);
                            td = document.createElement("td");
                            tr.appendChild(td);
                            td.appendChild(document.createTextNode(split[x]));
                            td = document.createElement("td");
                            tr.appendChild(td);
                            td.appendChild(document.createTextNode(obj[split[x]]));
                        }
                    }
                }


	}


    </script>

</head>
<body>
      <p>Filename: <input id ="url" name="url" size=15 type="Text"/> <button type="button" id="go"  onClick="getUrl(url)">GO</button> </p>
	  <div><iframe src="" id="iframe"></iframe></div>

      <button type="button" onClick="retrieveText()">Retrieve text</button><br/>

      <div id="text"></div><br/>
</body>
</html>