Assignment 9 - Hash Compression

by sheila massey

HTML

<h1>Hash Compression</h1>
<div class="divBG">

  <table border="0" align="center" height="200px">
    <tr height="40px">
      <td valign = "top">
        Enter Text
        <br />
        <textarea id='phrase' rows='5' cols='40'>I want what I want and i know what I want</textarea>
      </td>
    </tr>
    <tr>
      <td valign = "top" height="40px">
        <input type="button" value="Find Phrase Position" id="btnParse" class="btnstyle" onClick='parsePhrase();'>
      </td>
    </tr>
    <tr valign="bottom" height = "15%">
      <td>
        
        <div id="message">

        </div>
      </td>
    </tr>
  </table>

</div>

<br />

<div class="divBG">
  <strong><big>THE OUTPUT WOULD BE</big></strong>
  <br />
  <div class="container" id="output">

  </div>
</div>

JavaScript

/////////////////////////////////////////////////////////////////////////////////////////////
function parsePhrase() 
{
    var phrase = document.getElementById('phrase').value;
    var phraseAsStringArray = phrase.split(' ');
    var len = phraseAsStringArray.length;
    var locations = [];
    var displayArray = [];
    
    console.log(phraseAsStringArray)
/////////////////////////////////////////////////////////////////////////////////////////       
    for (var i = 0; i < len; i++) 
    {
      locations = [];
      var word = phraseAsStringArray[i]
////////////////////////////////////////////////////////////////////////////////////////////        
      for (var index = 0; index < len; index++)
      {
        
        if (word.toLowerCase() == phraseAsStringArray[index].toLowerCase()) 
        {
        	locations.push(index+1)
        }
      }
      displayArray.push("<div><strong><i>" + word.toLowerCase() + "</i></strong> : Was found at location(s): " + locations.join(", ") + "<br /><br /></div>")
    }
        
    if (phraseAsStringArray[0] == "")
    {
    	document.getElementById("message").innerHTML = "No Match"
    } else {
    	document.getElementById("output").innerHTML = removeDuplicates(displayArray);
      document.getElementById("message").innerHTML = "Position's Found!"
    }
}
//////////////////////////////////////////////////////////////////////////////////////////////////
function removeDuplicates(arr)
{
    var unique_array = []
    for(var i = 0;i < arr.length; i++){
        if(unique_array.indexOf(arr[i]) == -1)
        {
            unique_array.push(arr[i])
        }
    }
    return unique_array.join("<br />")
}
//////////////////////////////////////////////////////////////////////////////////////////////