anchor.diff:  
       <script>
   
  +        //create the event listeners for a user highlighting over text to be cut
           document.querySelector(".script-main").addEventListener("mousedown", mouseDown, false);
           document.querySelector(".script-main").addEventListener("mouseover", mouseOver, false);
           document.querySelector(".script-main").addEventListener("mouseup", mouseUp, false);
   
  -        down = false
  -        toCut = false
  -        parent = null
  -        speakerCut = true
  +
  +        down = false //represents if the mouse is down
  +        toCut = false //represents whether the text is to be cut or not
  +        parent = null //represents the parent node of the cut items
  +        speakerCut = true //version of toCut for cutting whole speeches when a character name is clicked
   
           // all words will need to be printed within the div class "script-main"
   
  +        //function which takes in the clicked element and if it is a cuttable item, records the parent element 
  +        //as well as the index of it's position as a child element
           function mouseDown({ srcElement }) {
               if (srcElement.className == "word" || srcElement.className == "punc" ||
                   srcElement.className == "stage") {
  
positive.code:             }
          }
  
          function mouseUp({ srcElement }) {
              if (lowIndex == highIndex) {
                  srcElement.dataset.cut == "true" ? uncut(srcElement) : cut(srcElement)
  
negative.code:                     return items.indexOf(element) + startIndex - 1 
                  }
              }  
              return items.length - 1 + startIndex //if we hit the very end of the play
          }
  
          // NOT CURRENTLY USED, LEFT FOR FUTURE INFO
  