Created
October 23, 2020 21:08
-
-
Save ocariocawebdesign/4a1fc3cc83b21a51feec2b94a631ae72 to your computer and use it in GitHub Desktop.
Script personalizado para api WhatsApp
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
"use strict"; | |
let form = document.querySelector("#form01"); | |
let btn1 = document.querySelector("#btn1"); | |
let confirmacao = document.querySelector("#confirmacao"); | |
function dadosFormClienteEnvio() { | |
console.log("script carregou"); | |
form.addEventListener( | |
"submit", | |
function (event) { | |
let form = new FormData(form01); | |
let output = ""; | |
for (const entry of form) { | |
output = `${output} ${entry[0]}: ${entry[1]}`; | |
} | |
let dadosCliente = output; | |
event.preventDefault(); | |
let dados = new Object(); | |
dados["nomeCliente"] = document.querySelector("#cliente").value; | |
dados["telefoneCliente"] = document.querySelector("#telefone").value; | |
dados["emailCliente"] = document.querySelector("#email").value; | |
dados["cepCliente"] = document.querySelector("#cep").value; | |
dados["enderecoRua"] = document.querySelector("#rua").value; | |
dados["enderecoBairro"] = document.querySelector("#bairro").value; | |
dados["enderecoComplemento"] = document.querySelector("#complemento").value; | |
btn1.addEventListener("click", () => { | |
swal("Dados confirmados!", "Clique em enviar pedido!", "success"); | |
confirmacao.innerHTML = "Dados confirmados! Clique em enviar pedido."; | |
}); | |
dadosCliente = dadosCliente.replace(/[ ]/g, "\n"); | |
document.getElementById("whatsapp-share-btt").href = encodeURI( | |
`https://api.whatsapp.com/send?phone=5521971025148&text=Olá! Acessei a página da promoção: Meu nome é: ${dados.nomeCliente} | Telefone: ${dados.telefoneCliente} | Email: ${dados.emailCliente} | Cep: ${dados.cepCliente} | Rua: ${dados.enderecoRua} | Bairro: ${dados.enderecoBairro} | Complemento: ${dados.enderecoComplemento}.` | |
); | |
}, | |
false | |
); | |
} | |
dadosFormClienteEnvio(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment