-
Notifications
You must be signed in to change notification settings - Fork 7
/
calcule-o-boleto.html
142 lines (141 loc) · 10.4 KB
/
calcule-o-boleto.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!doctype html>
<html lang="pt-br">
<head>
<title>Calculo do cashback</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Calcule quando você receberá de cashback na promoção de pagamento de boletos pelo PicPay. Calcule o valor do boleto a pagar que irá gerar o cashback máximo.">
<meta name="keywords" content="pix, qrcode pix, qr code, br code, brcode pix, pix copia e cola" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<script src="https://kit.fontawesome.com/0f8eed42e7.js" crossorigin="anonymous"></script>
<script>
function copiar() {
var input_temp = document.createElement("input");
input_temp.value = "00020126790014BR.GOV.BCB.PIX013642a57095-84f3-4a42-b9fb-d08935c86f470217Planilha cashback5204000053039865802BR5923Renato Monteiro Batista6009SAO PAULO61080540900062070503***6304E57A";
document.body.appendChild(input_temp);
input_temp.select();
document.execCommand("copy");
document.body.removeChild(input_temp);
}
function calcular(){
document.getElementById("mostrar_alerta").style.visibility="hidden";
for (var i = 2; i < 13; i++) {
valor_cashback=parseFloat(document.getElementById("valor").value);
var taxa_picpay=3.99/100;
var taxa_pagto_boleto=3.99/100;
var valor_boleto=(valor_cashback/(document.getElementById("percentual_"+i).value/100));
var valor_financiado=valor_boleto*(1+taxa_pagto_boleto);
var valor_parcela=(taxa_picpay/(1-Math.pow((1+taxa_picpay),-i)))*valor_financiado;
var valor_cartao=valor_parcela*i;
if (valor_boleto > 5000) {
valor_boleto=5000;
valor_financiado=valor_boleto*(1+taxa_pagto_boleto);
valor_parcela=(taxa_picpay/(1-Math.pow((1+taxa_picpay),-i)))*valor_financiado;
valor_cartao=valor_parcela*i;
valor_cashback=parseFloat(document.getElementById("percentual_"+i).value/100)*valor_boleto;
m_valor_boleto=valor_boleto.toFixed(2)+"*";
document.getElementById("mostrar_alerta").style.visibility="visible";
}
else {
m_valor_boleto=valor_boleto.toFixed(2);
}
var resultado_parcela=valor_boleto+valor_cashback-valor_cartao;
valor_cartao=valor_cartao.toFixed(2);
valor_parcela=valor_parcela.toFixed(2);
valor_financiado=valor_financiado.toFixed(2);
if (resultado_parcela > 0) {
document.getElementById("info_"+i).innerHTML="Você <b>ganha</b> R$ "+resultado_parcela.toFixed(2);
document.getElementById("linha_"+i).className="verde";
}
else {
document.getElementById("info_"+i).innerHTML="Você vai <b>perder R$ "+(-1*resultado_parcela).toFixed(2)+"</b> em taxas.";
document.getElementById("linha_"+i).className="coral";
}
document.getElementById("cartao_"+i).innerText=valor_cartao;
document.getElementById("parcela_"+i).innerText=valor_parcela;
document.getElementById("boleto_"+i).innerText=m_valor_boleto;
/*
document.getElementById("detalhe_"+i).innerText="Será cobrado no seu cartão.....R$ "+valor_cartao+"\n"+
"Valor financiado...............R$ "+(valor_financiado)+"\n"+
"Taxa pagamento boleto..........R$ "+(valor_financiado*taxa_picpay).toFixed(2);
*/
}
}
function reais(v){
v=v.replace(/\D/g,"");
v=v/100;
v=v.toFixed(2);
return v;
}
function mascara(o,f){
v_obj=o;
v_fun=f;
setTimeout("execmascara()",1);
}
function execmascara(){
v_obj.value=v_fun(v_obj.value);
calcular();
}
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TVLHGKR5WK"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TVLHGKR5WK');
</script>
<style>
a {text-decoration: none;}
p {text-align: center;}
td {text-align: center; font-size: 14px; }
.amarelo { background-color: yellow; }
.coral { background-color: lightcoral; }
.verde { background-color: aquamarine; }
</style>
</head>
<body>
<h2>Calcule o valor do seu boleto para a promoção do cashback PicPay</h2>
<div class="card">
<div class="card-body">
<div class="row row-cols-lg-auto g-3 align-items-center">
<label for="valor" class="form-label">Preencha o valor máximo do cashback R$:</label>
<input class="amarelo" type="text" id="valor" name="valor" placeholder="Informe o valor máximo do cashback" size="15" maxlength="13" value="700.00" onclick="this.select();" onkeypress="mascara(this,reais)">
<div id="valorHelp" class="form-text">Verifique o texto em letras menores no final da notificação que você recebeu no PicPay.</div>
<p><button type="button" class="btn btn-primary" onclick="calcular()">Calcular boleto <i class="fas fa-barcode"></i></button></p>
</div>
<table width="100%">
<tr>
<td>
<table class="table">
<thead><th>% Cashback</th><th>Qtd Parcelas</th><th>Pague um boleto de R$</th><th>Será cobrado no seu cartão</th><th>Valor da parcela</th><th>Vale a pena?</th></thead>
<tr id="linha_2"><td><input type="number" id="percentual_2" value="5" min="0" max="99" step="1" class="amarelo" onclick="this.select();" onchange="calcular();"> %</td><td>2</td><td id="boleto_2"> </td><td id="cartao_2"> </td><td id="parcela_2"> </td><td id="info_2"> </td></tr>
<tr id="linha_3"><td><input type="number" id="percentual_3" value="5" min="0" max="99" step="1" class="amarelo" onclick="this.select();" onchange="calcular();"> %</td><td>3</td><td id="boleto_3"> </td><td id="cartao_3"> </td><td id="parcela_3"> </td><td id="info_3"> </td></tr>
<tr id="linha_4"><td><input type="number" id="percentual_4" value="5" min="0" max="99" step="1" class="amarelo" onclick="this.select();" onchange="calcular();"> %</td><td>4</td><td id="boleto_4"> </td><td id="cartao_4"> </td><td id="parcela_4"> </td><td id="info_4"> </td></tr>
<tr id="linha_5"><td><input type="number" id="percentual_5" value="5" min="0" max="99" step="1" class="amarelo" onclick="this.select();" onchange="calcular();"> %</td><td>5</td><td id="boleto_5"> </td><td id="cartao_5"> </td><td id="parcela_5"> </td><td id="info_5"> </td></tr>
<tr id="linha_6"><td><input type="number" id="percentual_6" value="10" min="0" max="99" step="1" class="amarelo" onclick="this.select();" onchange="calcular();"> %</td><td>6</td><td id="boleto_6"> </td><td id="cartao_6"> </td><td id="parcela_6"> </td><td id="info_6"> </td></tr>
<tr id="linha_7"><td><input type="number" id="percentual_7" value="10" min="0" max="99" step="1" class="amarelo" onclick="this.select();" onchange="calcular();"> %</td><td>7</td><td id="boleto_7"> </td><td id="cartao_7"> </td><td id="parcela_7"> </td><td id="info_7"> </td></tr>
<tr id="linha_8"><td><input type="number" id="percentual_8" value="10" min="0" max="99" step="1" class="amarelo" onclick="this.select();" onchange="calcular();"> %</td><td>8</td><td id="boleto_8"> </td><td id="cartao_8"> </td><td id="parcela_8"> </td><td id="info_8"> </td></tr>
<tr id="linha_9"><td><input type="number" id="percentual_9" value="10" min="0" max="99" step="1" class="amarelo" onclick="this.select();" onchange="calcular();"> %</td><td>9</td><td id="boleto_9"> </td><td id="cartao_9"> </td><td id="parcela_9"> </td><td id="info_9"> </td></tr>
<tr id="linha_10"><td><input type="number" id="percentual_10" value="17" min="0" max="99" step="1" class="amarelo" onclick="this.select();" onchange="calcular();"> %</td><td>10</td><td id="boleto_10"> </td><td id="cartao_10"> </td><td id="parcela_10"> </td><td id="info_10"> </td></tr>
<tr id="linha_11"><td><input type="number" id="percentual_11" value="17" min="0" max="99" step="1" class="amarelo" onclick="this.select();" onchange="calcular();"> %</td><td>11</td><td id="boleto_11"> </td><td id="cartao_11"> </td><td id="parcela_11"> </td><td id="info_11"> </td></tr>
<tr id="linha_12"><td><input type="number" id="percentual_12" value="20" min="0" max="99" step="1" class="amarelo" onclick="this.select();" onchange="calcular();"> %</td><td>12</td><td id="boleto_12"> </td><td id="cartao_12"> </td><td id="parcela_12"> </td><td id="info_12"> </td></tr>
</table>
</td>
<td width="270" valign="top"><a href="javascript:copiar();"><img src="pix.png" width="261" height="372"></a><h4>Acesse o grupo no telegram:</h4><a href="https://t.me/PicPay"><i class="fab fa-telegram fa-4x"></i></a></td>
</tr>
<tr><td><p id="mostrar_alerta" style="visibility: hidden;">* <b>Valor do boleto limitado a R$ 5.000,00</b> conforme item 2.5.3 do <a href="https://meajuda.picpay.com/hc/pt-br/articles/360056463652-Regras-de-cashback-para-parcelamentos-de-boletos">regulamento da promoção</a>.</p>Veja também:<p><a href="calcule-o-cashback.html"><button type="button" class="btn btn-info">Calcular quanto vou receber de cashback pagando um boleto <i class="fas fa-money-bill-wave"></i></button></a></p></td></tr>
</table>
</div></div>
<div class="card"></div>
<p>Este é um projeto opensource criado em 2021 por <i class="fas fa-user-secret"></i> <a href="http://renato.ovh" target="_blank">Renato Monteiro Batista</a>.</p>
<p>O código fonte <i class="fas fa-code"></i> está disponível no <a href="https://github.com/renatomb/calculo_cashback" target="_blank">Repositório <i class="fab fa-git-square"></i> calculo_cashback <i class="fab fa-github"></i></a>.</p>
</div>
<div class="card"></div>
<script data-ad-client="ca-pub-6914621756983807" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script></body>
</html>