Bom dia gente, tudo bem?
Fiz o exercício de validação de CPF porém não está trazendo informação nenhuma no console.
Não fiz o css só fiz um html basiquinho para ter o forms.
Segue o git se for mais fácil, acho que fiz alguma besteira no addEventListener, pois não está validando nada no console ao clicar fora. Mas não tenho certeza.
Segue o git com o exercicio.
Oi, Charles, tudo bem?
O problema no seu código acontece por conta do arquivo HTML.
Revise a escrita de todas as tags <label>, pois no seu código elas foram escritas como <lable>.
Nas tags <input> você se esqueceu de fazer o autofechamento da tag ao final das propriedades dentro dela. por exemplo:
<input name="" required />
Na tag <input> do campo de CPF, você precisa adicionar uma barra invertida antes da letra "d" no início do parâmetro pattern. Ficaria assim:
pattern="\d{3}\.?\d{3}\.?\d{3}-?\d{2}"
Você utilizou duas vezes o seletor class, mas deveria utilizar o seletor a propriedade nameda <tag> input, por conta disso, seu código não estava exibindo o valor do CPF no console. Com essa alteração o código do campo de preenchimento do CPF ficaria assim:
<fieldset class="formulario__campo">
<label class="campo-etiqueta" for="cpf">CPF</label>
<input name="cpf" id="cpf" class="campo-escrita" type="text" minlength="11" maxlength="14" required pattern="\d{3}\.?\d{3}\.?\d{3}-?\d{2}" />
</fieldset>
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!