Path: C:\
<!DOCTYPE html>
<html lang='pt-br'>
<head>
<meta charset='utf-8'/>
<meta http-equiv="pragma" content="no-cache">
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'>
<title>API WhatsApp</title>
<link rel="icon" type="image/png" href="../images/favicon.ico">
<link href="../css/estilo3.css" rel="stylesheet" type="text/css" />
<link href="../css/style3.css" rel="stylesheet" type="text/css" />
<link href='../css/redmond/jquery-ui-1.10.1.custom.css' rel='stylesheet' type='text/css'>
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/bootstrap-theme.min.css" rel="stylesheet">
<link href="../css/theme.css" rel="stylesheet">
<link href="../css/signin.css" rel="stylesheet">
<script src='../js/jquery-3.3.1.min.js'></script>
<script src='../js/jquery-ui.js' type='text/javascript'></script>
<script type="text/javascript">
function enviarMensagem(){
var celular = document.querySelector("#celular").value;
celular = celular.replace(/\D/g,''); //Deixar apenas números
//Verificar se tem DDI e adicionar se não tiver
if(celular.length < 13){
celular = "55" + celular;
}
var texto = document.querySelector("#mensagem").value;
texto = window.encodeURIComponent(texto);
window.open("https://api.whatsapp.com/send?phone=" + celular + "&text=" + texto, "_blank");
//Obs.. use "_system", no lugar de blank, caso você esteja usando Phonegap / Cordova / Ionic ou qualquer um baseado em webview;
} </script>
<style>
input, textarea, button{
display: block;
padding: 10px;
border: 1px solid grey;
box-sizing: border-box;
margin: 10px 30px;
} </style>
</head>
<input type="text" id="celular" placeholder="Digite número do telefone com DDD" size='30'>
<textarea id="mensagem" placeholder="Digite mensagem aqui:" rows="8" cols="40"></textarea>
</input>
<button onclick="enviarMensagem()" class='btn btn-success'>
Enviar Mensagem
</button>