To remove a DOM event listener:
1. Call `DOMElement.removeEventListener(event, originalFunction)`, where DOMElement is the element with the listener.
2. The originalFunction parameter should be *the same* function as the one passed to `addEventListener`.

# Example
The code block below contains an HTML template with a form, an output section, and a button that disables the form. The form's default reload-on-submit behavior was removed using `event.preventDefault()`.

Once the form is submitted, the input string is reversed and displayed in the output section. 


<html>
  <head> </head>
  <body>
    <h1>String Reverser</h1>
    <form>
      <label for="word">Enter word</label>
      <input placeholder="e.g. Man" type="text" id="word" name="word" />
      <button type="submit">Reverse</button>
    </form>

    <div>
      <h5>Output</h5>
      <div id="output"></div>
    </div>

    <button id="disable-form-button">Disable form</button>
  </body>
</html>


#disable-form-button {
    margin-top: 2rem;
}

codemirror

The `displayReverseString` function in the Javascript tab, line 6, was added as a submit event handler to the form. This submit event handler is removed by calling,
```js
form.removeEventListener('submit', displayReverseString)
```
It's important that the same function is passed, otherwise, the `removeEventListener` call won't give the desired result. 

When the `Disable form` button is clicked, the form resumes its normal behavior of refreshing the page.

How to remove a DOM event listener using Javascript 

Use `DOMElement.removeEventListener(event, originalFunction)` ensuring the function is the same as added.