Formulário html sendo enviado para o whatsapp

JavaScript Geral

Boa tarde. Eu não estou conseguindo replicar o código que fiz para a pagina orçamento em todas as outras páginas. Já fiz as alterações nos parâmetros e não deu certo. Funciona apenas na página orçamento, o mesmo código não funciona nas demais. Se puderem me ajudar, obrigado.

 

<form action="#" method="#">
    <div class="row">
        <div class="col">
            <input type="text" class="form-control" id="nome" placeholder="Nome">
        </div>
        <div class="col">
            <input type="text" class="form-control" id="sobrenome" placeholder="Sobrenome">
        </div>
    </div><br />
        <div class="col">
            <input type="text" class="form-control" id="email" placeholder="email">
        </div><br />
        <div class="col">
            <input type="tel" class="form-control" id="telefone" placeholder="Telefone">
        </div><br />
        <div class="col">
        <div class="form-group">
            <label for="exampleFormControlSelect1">Quantas vidas deseja incluir no plano ?</label>
                <select class="form-control" id="exampleFormControlSelect1">

              
                          <option>1</option>
                          <option>2</option>
                          <option>3</option>
                          <option>4</option>
                          <option>5</option>
                          <option>Acima de 5 vidas</option>
                </select>
        </div>
         <button id="submit" type="submit" class="btn btn-primary">Cotar</button>

</form>
                    </div>

                </div>
            </div>
        </div>

    <!--newsletter -->

            <div id="news-area">
                <div class="container">
                    <div class="col-md-12">
                       <h3 class="main-title">Fique por dentro das novidades</h3>     
                    </div>
                    <p>Assine nossa lista de e-mails e receba todas as novidades do mercado gratuitamente</p>
                    <form action="">
                        <input type="email" class="form-control" id="email-input" name="email" placeholder="Seu melhor e-mail">
                        <input type="submit" id="news-btn" value="inscrever">
                    </form>                                           
                </div>
            </div> 
            <!-- call to action-->
            <div id="call-area">
                <div class="container">
                    <div class="row">
                        <p>Deseja fazer um orçamento ?</p>
                        <button class="main-btn" id="call-btn">Orçar</button>
                    </div>
                </div>
            </div>
        </div>       
</main>

-=====================

/*enviar whats app*/

document.querySelector('#submit').addEventListener('click',function(){
 let cliente = document.querySelector('#nome').value;
 let sobrenome = document.querySelector('#sobrenome').value;
 let email = document.querySelector('#email').value;
 let telefone = document.querySelector('#telefone').value;
 let exampleFormControlSelect1 = document.querySelector('#exampleFormControlSelect1').value;
 
let url = "https://api.whatsapp.com/send?phone=5511989126556&text= Bem vindo a Corretora Sousa -->> %0A Qual é o seu nome? %0A " + cliente + " %0A Qual o seu sobrenome ?%0A" + 
sobrenome + "%0A Qual o seu e-mail %0A "+ email +" %0A Qual é o seu telefone ? %0A "+ telefone +" %0A Uma cotação para quantas vidas ? %0A" + exampleFormControlSelect1; 

window.open(url);

});

 

Foto de Flavio S.
Flavio perguntou há 3 anos

Sabe a resposta?

Ganhe 10 pts por resposta de qualidade
Responder dúvida
1 resposta
1
votos
1 usuário votou nessa resposta como útil.
Professor Lucas M.
Identidade verificada
  • CPF verificado
  • E-mail verificado
Respondeu há 3 anos
Melhor resposta
Essa foi a melhor resposta, escolhida pelo autor da dúvida

Não entendi muito bem sua pergunta poderia reformular, mas o qu eu entendi que você tá querendo replicar esse código em outras páginas que está em html correto? Se for isso você precisa criar uma tag <a href="nomeDaPágina.html">página2</a> para poder replicar isso, por exemplo. Se por exemplo, esse código de javascript você quer que funcione nas outras páginas , você precisa somente pegar esse código da main e colocar esse script do javascript em cada página por tag

<script>

document.querySelector('#submit').addEventListener('click',function(){
 let cliente = document.querySelector('#nome').value;
 let sobrenome = document.querySelector('#sobrenome').value;
 let email = document.querySelector('#email').value;
 let telefone = document.querySelector('#telefone').value;
 let exampleFormControlSelect1 = document.querySelector('#exampleFormControlSelect1').value;
 
let url = ("https://api.whatsapp.com/send?phone=5511989126556&text= Bem vindo a Corretora Sousa -->> %0A Qual é o seu nome? %0A " + cliente + " %0A Qual o seu sobrenome ?%0A" + 
sobrenome + "%0A Qual o seu e-mail %0A "+ email +" %0A Qual é o seu telefone ? %0A "+ telefone +" %0A Uma cotação para quantas vidas ? %0A" + exampleFormControlSelect1 );

window.open(url);

});

</script>

Envie uma dúvida gratuitamente

Envie sua primeira dúvida gratuitamente aqui no Tira-dúvidas Profes. Nossos professores particulares estão aqui para te ajudar.

Professores particulares de JavaScript

+ Ver todos
Encontre professor particular para te ajudar nos estudos
R$ 70 / h
Lucas M.
Maceió / AL
Lucas M.
4,4 (36 avaliações)
Horas de aulas particulares ministradas 371 horas de aula
Tarefas resolvidas 2 tarefas resolvidas
Identidade verificada
  • CPF verificado
  • E-mail verificado
Jquery JavaScript ES6 JavaScript - Estrutura Condicional e operadores lógicos. Expressões lógicas.
Especialização: Segurança e defesa cibernética (Unninter)
Aulas presenciais e online de computação e programação com foco em projetos reais.
R$ 70 / h
Vinícius B.
Santo André / SP
Vinícius B.
5,0 (13 avaliações)
Horas de aulas particulares ministradas 13 horas de aula
Tarefas resolvidas 5 tarefas resolvidas
Identidade verificada
  • CPF verificado
  • E-mail verificado
1ª hora grátis
JavaScript - Estrutura Condicional e operadores lógicos. Expressões lógicas. JavaScript Básico JavaScript - Back-End
MBA: Business Intelligence (Faculdade Descomplica)
Te ensino a programar. Professor de programação, com 5 anos de atuação em .net, sql, entity framework, scrum etc.