1

Eu tenho um formulário de planos, e gostaria que ao clicar em adquirir, ele já preencher uma breve mensagem no do formulário. Estou tentando dessa maneira, porém não retorna valores

window.onload = function (){

var mensagem = document.getElementById('mensagem');
var button = document.getElementById('button');
var assinatura = '\n\nParabéns!!\nEscolheu o plano basic..'

button.addEventListener('click', function() {
  mensagem.value += assinatura;

});
}
<form>
      <textarea id="name" name="testa"></textarea>
      <button id="teste" type="button">Testando</button>
</form>

(Lembrando que o trecho acima é um teste apenas)

1 Resposta 1

1

Sim, mas, você não colocou os nomes corretamente o document.getElementById pega o elemento pela configuração do id, exemplo:

Html:

<button id="btn" />

Javascript:

var btn = document.getElementById("btn"); // btn é o id do button

Agora com as modificações no seu código:

window.onload = function() {
  var mensagem = document.getElementById('name');
  var button = document.getElementById('teste');
  var assinatura = 'Parabéns!!\nEscolheu o plano basic..'
  button.addEventListener('click', function() {
    mensagem.value = assinatura;
  });
}
<form>
      <textarea id="name" name="testa"></textarea>
      <button id="teste" type="button">Testando</button>
</form>

Observação: no seu código você colocou id="name" e fez a busca document.getElementById('mensagem') e no botão se colocou no id="teste" e fez a busca document.getElementById('button'), ou seja, errou o nome pelo qual deveria fazer a referencia no seu código

Referencia:

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 .