Boa tarde,
Durante a aula é explicado como fazer para que mostre a uma mensagem no console quando se clica no textarea. Tentei fazer diversas conforme explicado pelo professor mais não consegui. Segue abaixo o index.html e o java script utilizando o jquery.
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title> Alura Typer</title>
</head>
<body>
<h1> Joguinho </h1>
<p class="frase">Esta 2 frase tem seis palavras ou sete ou oito mais dois exemplo.</p>
<ul class="informacoes">
<li> <span id="tamanhoFrase">123 </span> Palavras</li>
<li> 10 Segundos </li>
</ul>
<textarea id="campo-digitacao" cols="40" rows="8"> </textarea>
<ul>
<li> <span id="contador-caracteres">0</span> Caracter </li>
<li> <span id="contador-palavras">0</span> Palavras </li>
</ul>
<script src="js/jquery.js"> </script>
<script src="js/main.js"> </script>
</body>
</html>
//Selecionar o elemento no javascript utilizando jQuery
//Elemento $ é abreviação para jQuery
//Função text retorna o texto que está dentro da tag
var frase = $(".frase").text(); //jQuery Responsavel por selecionar no mundo jQuery
//Dividir a frase em palavras. PEga o length que é a quantidade de palavras e mostra na variavel tamanhoFrase.
// .text() Quando passamos nenhum parametro, retorna o valor do texto do elemento.
// Quando passa com parâmetro, altera o valor do texto do elemetno
var numeroPalavra = frase.split(" ").length;
var tamanhoFrase = $("#tamanhoFrase");
tamanhoFrase.text(numeroPalavra);
var campo = $(".campo-digitacao");
console.log(campo);
campo.on("click",function(){
console.log("Cliquei no campo"); // DEveria estar aparecendo esta mensagem no console
});
