Utility functions for displaying errors in vanilla.js (Relies on having a hidden attribute set on element at start state)

errorHandling.js

/*
 * Displays in error in the first matched CSS selector given.
 * This relies on having a hidden attribute set on element at start state.
 * @param error: string The error message
 * @param selector: string A CSS selector that matches the element displaying the error
 */
function displayError (error, selector) {
  const errorElement = document.querySelector(selector)
  errorElement.innerHTML = error
  errorElement.removeAttribute('hidden')
}

/*
 * Removes the error message from the element and hides it again
 * @param selector: string A CSS selector that matches the element displaying the error
 */
function clearError (selector) {
  const errorElement = document.querySelector(selector)
  errorElement.innerHTML = ''
  errorElement.setAttribute('hidden', 'hidden')
}