Untitled

const enviar = document.getElementById('enviar')
const inputNome = document.getElementById('nome')
const container = document.getElementsByClassName('container')[0]
const containerNome = document.getElementById('container-nome')

inputNome.addEventListener('blur', () => {
    // Se o usuário falhar a validação, mostre uma mensagem de erro abaixo do campo
    if (inputNome.value.length < 3) {
        criarElemento("Nome deve ter 3 caracteres ou mais", containerNome)
    } else {
        const mensagem = containerNome.children[2]
        containerNome.removeChild(mensagem)
    }
})

enviar.addEventListener('click', (event) => {
    console.log(event)
    event.preventDefault()
    criarElemento("Dados enviados com sucesso!", container)
})

function criarElemento(mensagem, destino) {
    const texto = document.createElement('p')
    texto.textContent = mensagem
    destino.appendChild(texto)
}