departamentos.js

function adicionaDepartamento() {
  var nome = document.getElementById('nome');
  var sigla = document.getElementById('sigla');
  var erro = document.getElementById('erro');

  // aplicamos uma Regex para validar se o usuario não preencheu usando apenas espaços!
  if (nome.value == '' || !nome.value.replace(/\s/g, '').length) {
    erro.innerHTML = 'Preencha o nome!';
    // classList : é a lista de classes do elemento
    // remove : apaga / remove a classe desejada
    erro.classList.remove('hidden');
    nome.focus();
    return false;
  }

  if (sigla.value == '' || !sigla.value.replace(/\s/g, '').length) {
    erro.innerHTML = 'Preencha a sigla!';
    erro.classList.remove('hidden');
    sigla.focus();
    return false;
  }

  return true;
}