Solucionado
Boa noite
Acabo de solucionar o exercício abaixo, mas não compreendi bem a diferença entre textContent e value. Alguém poderia esclarecer a dúvida por gentileza?
let inputFrase = document.querySelector('.frase');
let botao = document.querySelector('.botao');
let copia = document.querySelector('.copia');
function botaoHandler() {
copia.textContent = inputFrase.value;
inputFrase.value = '';
}
botao.addEventListener('click', botaoHandler);Desde já agradeço
Oi, Frederico, tudo bem?
Veja se essa resolução dessa mesma dúvida sua te satisfaz:https://cursos.alura.com.br/forum/topico-qual-a-diferenca-entre-o-textcontent-e-o-value-54981 :}
Opa, e aí Frederico.
Cara, o textContent ele serve para pegar o conteúdo dentro da TAG, por exemplo.
<p> Exemplo para o textContent </p>Para pegar conteúdo desse paragráfco que eu criei, deve-se utilizar o textContent.
Agora o value ele pega o valor de um input, vamos supor que você tem um input onde você digita o seu nome
<input type="text" >Para você pegar o valor que está dentro desse input você pega através da propriedade value.
Ambos os casos você vai usar tanto para pegar o valor que está dentro do input ou tag, como para setar valores dentro também.
Por exemplo:
Vamos supor que nós temos essa TAG que é um paragráfo:
<p> Exemplo para o textContent </p>
Alterando o valor do paragráfo:
tag.textContent = "Troquei Valor"Paragráfo com o conteúdo atualizado:
<p> Troquei Valor </p>Espero ter ajudado :)
Veja se compreendi corretamente nos comentários do JS abaixo, por gentileza.
HTML
<body>
<br>
<input class="frase"><br><br>
<button class="botao">Copiar</button><br>
<span class="copia"></spam>
<script src="js/escutandoCopiando.js"></script>
</body>JS
let inputFrase = document.querySelector('.frase');
let botao = document.querySelector('.botao');
let copia = document.querySelector('.copia');
function botaoHandler() {
/*
Acessa a tag span que está vaiza via .textContent e
atribui a ela o valor que foi digitado no span utilizando o
.value
*/
copia.textContent = inputFrase.value;
inputFrase.value = '';
}
botao.addEventListener('click', botaoHandler);Obrigado
Exatamente!
Ok, obrigado a todos pela ajuda, em especial ao Édson Martins pela didática e detalhada explicação.
Disponha e bons estudos!!!
De nada! Bons estudos =)