Olá Isabella! Tudo bem?
Quando você escreve alert(mensagemDeErro);, você está dizendo ao JavaScript para mostrar o valor que está armazenado na variável mensagemDeErro. No seu exemplo, essa variável contém o texto "Erro! Preencha todos os campos.".
Se você usasse alert("mensagemDeErro");, o que aconteceria é que o JavaScript exibiria exatamente o texto mensagemDeErro na caixa de alerta, como uma string literal, e não o valor que está armazenado na variável.
Vamos ver um exemplo prático:
let mensagemDeErro = 'Erro! Preencha todos os campos';
alert(mensagemDeErro); // Isso exibirá: Erro! Preencha todos os campos
alert("mensagemDeErro"); // Isso exibirá: mensagemDeErro
A diferença está em como o JavaScript interpreta o que você quer mostrar. Usar as aspas em torno de mensagemDeErro faz com que seja tratado como texto literal, enquanto sem as aspas, é tratado como uma variável cujo valor será exibido.
Espero ter ajudado e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.