My suggestion:
1. Implement addMessage(detail)
  * Array manipulation (push)
  * Create and append the DOM element
2. Implement removeMessage(detail)
  * Array manipulation (splice)
  * Remove the DOM element
3. Implement updateRecordingStatus()
  * Call updateRecordingStatus after a message is removed or added.