Eu sou iniciante e estou praticando um código simples pra exibir a quantidade de letras que contem um campo input quando clicar no botão de exibir. Não sei se é o comando certo, mas falam pra utilizar .lenght pra contar os caracteres. Só que eu tento usar o .lenght em vários lugares do código e a única coisa que exibe no alert é undefined. Deve ser uma coisa bem simples que eu não estou prestando atenção, mas já estou a um bom tempo quebrando a cabeça pra fazer. Se alguém puder dar uma ajuda, eu agradeço.
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
</head>
<body>
<input type="text" name="nome-completo" id="nome-completo" placeholder="Digite seu nome">
<input type="button" value="Exibir nome" id="btn-exibir-nome">
<script>
document.getElementById('btn-exibir-nome').addEventListener('click', function() {
const quantidadeLetras = document.getElementById('nome-completo').value;
alert("A quantidade de letras do seu nome é: " + quantidadeLetras.lenght);
});
</script>
</body>
</html>