-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
221 lines (217 loc) · 14.2 KB
/
index.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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<!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(){
valor_boleto=parseFloat(document.getElementById("valor").value);
if (valor_boleto > 5000) {
document.getElementById("valor").className="coral";
document.getElementById("valorHelp").innerText="Tem certeza? AVISO: Regulamento item 2.5.3 limita o boleto no maximo R$ 5mil.";
}
else {
document.getElementById("valor").className="amarelo";
document.getElementById("valorHelp").innerText="Informe o valor do boleto que você deseja pagar.";
}
perc_cashback=parseFloat(document.getElementById("perc_cashback").value/100);
cashback_maximo=parseFloat(document.getElementById("cashback_maximo").value);
taxa_picpay=parseFloat(document.getElementById("pagto_parcelado").value/100);
taxa_pagto_boleto=parseFloat(document.getElementById("pagto_cartao").value/100);
tarifa_boleto=valor_boleto*taxa_pagto_boleto;
valor_financiado=valor_boleto*(1+taxa_pagto_boleto);
i=document.getElementById("qtd_parcelas").value;
valor_prestacao=(taxa_picpay/(1-Math.pow((1+taxa_picpay),-i)))*valor_financiado;
total_cartao=valor_prestacao*i;
juros_parcelamento=total_cartao-tarifa_boleto-valor_boleto;
cashback=valor_boleto*perc_cashback;
if (cashback > cashback_maximo) {
cashback=cashback_maximo;
}
resultado_final=valor_boleto+cashback-total_cartao;
document.getElementById("taxa_cartaoHelp").innerText=document.getElementById("pagto_cartao").value+"%";
document.getElementById("juros_parcelamentoHelp").innerText=document.getElementById("pagto_parcelado").value+"% ao mês";
document.getElementById("val_boleto").value=valor_boleto.toFixed(2);
document.getElementById("taxa_cartao").value=tarifa_boleto.toFixed(2);
document.getElementById("valor_prestacao").value=i+" x de R$ "+valor_prestacao.toFixed(2);
document.getElementById("total_cartao").value=total_cartao.toFixed(2);
document.getElementById("juros_parcelamento").value=juros_parcelamento.toFixed(2);
document.getElementById("valor_cashback").value=cashback.toFixed(2);
document.getElementById("resultado_final").value=resultado_final.toFixed(2);
if (resultado_final > 0) {
document.getElementById("resultado_final").className="verde";
document.getElementById("resultado_finalHelp").innerText="O valor do cashback é maior que o das taxas.";
}
else {
document.getElementById("resultado_final").className="coral";
document.getElementById("resultado_finalHelp").innerText="O valor das taxas é maior que o valor do cashback.";
}
/* valor_avista=valor_boleto*(1+taxa_pagto_boleto);
var valor_parcela=(valor_cartao/i);
var valor_cashback=valor_cartao*(document.getElementById("percentual_"+i).value/100);
var resultado_parcela=valor_boleto+valor_cashback-valor_cartao;
valor_parcela=valor_parcela.toFixed(2);
valor_cartao=valor_cartao.toFixed(2);
valor_cashback=valor_cashback.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=valor_cashback;
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 quanto seu boleto irá gerar de cashback</h2>
<div class="card">
<div class="card-body">
<table width="100%">
<tr>
<td id="calculos" valign="top">
<div class="row row-cols-lg-auto g-3 align-items-center">
<label for="valor" class="form-label">Preencha o valor do boleto, R$:</label>
<input class="amarelo" type="text" id="valor" name="valor" placeholder="Informe o valor do seu boleto" size="15" maxlength="13" value="4400.00" onclick="this.select();" onkeypress="mascara(this,reais)">
<div id="valorHelp" class="form-text">Informe o valor do boleto que você deseja pagar.</div>
</div>
<div class="row row-cols-lg-auto g-3 align-items-center">
<label for="cashback_maximo" class="form-label">Preencha o valor máximo do cashback R$:</label>
<input class="amarelo" type="text" id="cashback_maximo" name="maximo" placeholder="Informe o valor máximo do cashback" size="15" maxlength="13" value="700.00" onclick="this.select();" onkeypress="mascara(this,reais)">
<div id="cashback_maximoHelp" class="form-text">Verifique o texto em letras menores no final da notificação que você recebeu no PicPay.</div>
</div>
<div class="row row-cols-lg-auto g-3 align-items-center">
<label for="qtd_parcelas" class="form-label">Informe a quantidade de parcelas:</label>
<input class="amarelo" type="number" id="qtd_parcelas" name="parcelas" size="3" value="12" min="2" max="12" step="1" class="amarelo" onclick="this.select();" onchange="calcular();">
<div id="qtd_parcelasHelp" class="form-text">Informe em quantas vezes deseja parcelar o pagamento.</div>
</div>
<div class="row row-cols-lg-auto g-3 align-items-center">
<label for="perc_cashback" class="form-label">Informe o percentual de cashback da promoção:</label>
<input class="amarelo" type="number" id="perc_cashback" name="cashback" size="3" value="16" min="0" max="99" step="1" class="amarelo" onclick="this.select();" onchange="calcular();">
<div id="perc_cashbackHelp" class="form-text">O percentual do cashback varia conforme a quantidade de parcelas e a promoção recebida.</div>
</div>
<div class="row row-cols-lg-auto g-3 align-items-center">
<label for="pagto_cartao" class="form-label">Taxa do cartão:</label>
<input class="amarelo" type="number" id="pagto_cartao" name="tx_cartao" size="5" value="3.99" min="0.01" max="100" step="0.01" class="amarelo" onclick="this.select();" onchange="calcular();">
<!--
<select class="amarelo" id="pagto_cartao" name="tx_cartao" onchange="calcular();">
<option value="3.99">3,99% Luz, saneamento, gas e impostos</option>
<option value="4.99" selected>4,99% Demais boletos (Promocional)</option>
<option value="5.99">5,99% Demais boletos (Padrão)</option>
</select>
-->
<div id="pagto_parceladokHelp" class="form-text">Consulte sempre a página de <a href="https://tarifas-taxas.picpay.com/">tarifas do PicPay para maiores informações.</a></div>
</div>
<div class="row row-cols-lg-auto g-3 align-items-center">
<label for="pagto_parcelado" class="form-label">Taxa do parcelamento:</label>
<input class="amarelo" type="number" id="pagto_parcelado" name="tx_parcelado" size="5" value="4.49" min="0.01" max="100" step="0.01" class="amarelo" onclick="this.select();" onchange="calcular();">
<div id="pagto_parceladokHelp" class="form-text">Consulte sempre a página de <a href="https://tarifas-taxas.picpay.com/">tarifas do PicPay para maiores informações.</a></div>
</div>
<p><button type="button" class="btn btn-primary" onclick="calcular()">Calcular quanto vou receber de cashback pagando um boleto <i class="fas fa-money-bill-wave"></i></button></p>
<div class="row row-cols-lg-auto g-3 align-items-center">
<label for="val_boleto" class="form-label">Valor do boleto:</label>
<input type="text" id="val_boleto" name="val_boleto" placeholder="Será calculado..." readonly>
<div id="val_boletoHelp" class="form-text">Valor do boleto que será pago.</div>
</div>
<div class="row row-cols-lg-auto g-3 align-items-center">
<label for="taxa_cartao" class="form-label">Taxa de pagamento de boleto:</label>
<input type="text" id="taxa_cartao" name="taxa_cartao" placeholder="Será calculado..." readonly>
<div id="taxa_cartaoHelp" class="form-text">Taxa de pagamento de boleto com cartão de crédito.</div>
</div>
<div class="row row-cols-lg-auto g-3 align-items-center">
<label for="juros_parcelamento" class="form-label">Juros do parcelamento:</label>
<input type="text" id="juros_parcelamento" name="juros_parcelamento" placeholder="Será calculado..." readonly>
<div id="juros_parcelamentoHelp" class="form-text">Taxa de juros do pagamento parcelado.</div>
</div>
<div class="row row-cols-lg-auto g-3 align-items-center">
<label for="valor_prestacao" class="form-label">Valor da prestação:</label>
<input type="text" id="valor_prestacao" name="valor_prestacao" placeholder="Será calculado..." readonly>
<div id="valor_prestacaoHelp" class="form-text">Valor da parcela que será cobrado no seu cartão.</div>
</div>
===========================================================
<div class="row row-cols-lg-auto g-3 align-items-center">
<label for="total_cartao" class="form-label">Total cobrado no seu cartão:</label>
<input type="text" id="total_cartao" name="total_cartao" placeholder="Será calculado..." readonly>
<div id="total_cartaoHelp" class="form-text">Valor total que será cobrado no seu cartão.</div>
</div>
<div class="row row-cols-lg-auto g-3 align-items-center">
<label for="valor_cashback" class="form-label">Você receberá de cashback:</label>
<input type="text" id="valor_cashback" name="valor_cashback" placeholder="Será calculado..." readonly>
<div id="valor_cashbackHelp" class="form-text">Valor que você receberá de cashback.</div>
</div>
<div class="row row-cols-lg-auto g-3 align-items-center">
<label for="resultado_final" class="form-label">Resultado final:</label>
<input type="text" id="resultado_final" name="resultado_final" placeholder="Será calculado..." readonly>
<div id="resultado_finalHelp" class="form-text">Resultado desta operação.</div>
</div>
<!-- <p>Veja também:</p>
<p><a href="calcule-o-boleto.html"><button type="button" class="btn btn-info">Calcular valor do boleto para ganhar o cashback máximo <i class="fas fa-barcode"></i></button></a></p>-->
</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>
</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 async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6914621756983807" crossorigin="anonymous"></script>
</html>