Exercício 3 - copiando valores - Não apaga valor da tag input | JavaScript: programando na linguagem da web

Solucionado (ver solução)

Solucionado
(ver solução)

4
respostas

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Eventos, Formulários e Criando Elementos e atividade Copiando valores

por Rozenildo Alves da Silva

| 168.2k xp | 54 posts

Prezados, boa noite!

Alguém poderia me esclarecer por que o código abaixo, apresentado como solução do exercício, não está copiando o valor do input para a tag span quando do clique do botão "copiar". Não teria que apagar o conteúdo após o clique?

<input class="frase"><button class="botao">Copiar</button><span class="copia"></span>

<script>
    var inputFrase = document.querySelector('.frase');
    var botao = document.querySelector('.botao');
    var copia = document.querySelector('.copia');

    function botaoHandler() {
                copia.textContent = inputFrase.value;
                inputFrase.value = '';
    }

    botao.addEventListener('click', botaoHandler);
 </script>

4 respostas

solução!

por ricardoaugusto21k

| 284.5k xp | 226 posts

05/04/2017

Funciona normalmente...

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>botao</title>
</head>
<body>
  <input class="frase"><button class="botao">Copiar</button><span class="copia"></span>

  <script>
  var inputFrase = document.querySelector('.frase');
  var botao = document.querySelector('.botao');
  var copia = document.querySelector('.copia');

  function botaoHandler() {
    copia.textContent = inputFrase.value;
    inputFrase.value = '';
  }

  botao.addEventListener('click', botaoHandler);
  </script>
</body>
</html>

por ricardoaugusto21k

| 284.5k xp | 226 posts

05/04/2017

E pra poder apagar o <input> ficou faltando um value="" assim:

<input value="" class="frase">

por Alexandre Augustus

| 130.6k xp | 2 posts

05/04/2017

Transcrevi seu código ipsis literis para dentro de uma estrutura completa html e funcionou normalmente.

É sempre bom ter o html todo montado para teus testes

por Rozenildo Alves da Silva

| 168.2k xp | 54 posts

05/04/2017

Valeu, Ricardo! Estava usando o trecho do exercício em outro código, por isso não estava dando certo. Quando executo o código sozinho funciona normalmente.

Obrigado.