3

Eu tenho uma textarea ( id='texto'), que o usuário digita o seu texto livremente (até ai tudo bem), no final ele clica em um botão que insere uma assinatura exemplo: "Digitado por fulano".

Quando ele insere esse novo texto o antigo é removido, eu gostaria de poder adicionar o novo texto sem remover o antigo. Alguém tem alguma dica/ajuda?

4
  • Pode colocar o código que está utlizando? 14/05/2016 às 1:01
  • document.getElementById('texto').value; - Quando tento inserir o antigo texto sai, e entra o novo :/ 14/05/2016 às 1:01
  • @Moreirasouza, poderia editar seu post e adicionar seu código todo, acredito que a solução seria so um operador de concatenação += no lugar certo ;)
    – David
    14/05/2016 às 1:42
  • <textarea id="texto"> texto que tem que ficar tbm </textarea> o problema é esse eu nao tenho ideia de como fazer, eu tento fazer assim. document.getElementById(texto).value+"frase que tbm ficara"; e nao da certo... perdao os erros estou pelo celular 14/05/2016 às 2:09

1 Resposta 1

1

Quando usas el.value = 'foo'; vais apagar o conteúdo existente e subsituir por foo.
Quando usas el.value += 'foo'; vais manter o conteudo existente e **acrescentar* foo.

Usar += é um atalho que na prática faz el.value = el.value + 'foo';

var textarea = document.querySelector('textarea');
var button = document.querySelector('button');
var assinatura = '\n\nCumprimentos,\nSuper heroi.'

button.addEventListener('click', function() {
  textarea.value += assinatura;
});
button {
    display: block;
}
textarea {
	height: 100px;
	width: 200px;
}
<textarea name="texto" id="texto"></textarea>
<button type="button">Assinar</button>

jsFiddle: https://jsfiddle.net/tbn7y4L7/

1
  • 1
    Obrigado Sérgio, funcionou perfeitamente !! O que me falta mesmo é prestar mais atenção aos detalhes, e aprofundar mais a lógica, porque pelo que percebi era algo simples. addEventListener ainda estou tentando entender um pouco, sempre esqueço como usa-lo. Agradeço a sua ajuda e aos demais. 14/05/2016 às 11:35

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .