Initializing...
Liveweave
expand_more
home
Home
data_object
CSS Explorer
arrow_outward
Palette
Color Explorer
arrow_outward
Polyline
Graphics Editor
arrow_outward
outbox_alt
Generative AI
arrow_outward
build
Tools
expand_more
restart_alt
Load base template
post_add
Generate Lorem ipsum...
code
Format HTML
code_blocks
Format CSS
data_object
Format JavaScript
library_add
Library
expand_more
A
Algolia JS
Animate CSS
Apex Charts JS
B
Bulma CSS
Bootstrap
C
Chart JS
Chartist
Create JS
D
D3
Dojo
F
Foundation
Fullpage JS
G
Granim JS
Google Charts
H
Halfmoon
J
jQuery
M
Materialize
Moment JS
Masonry JS
Milligram CSS
P
Pure CSS
Primer CSS
Popper JS
Pattern CSS
Picnic CSS
R
React JS
Raphael JS
Raisin CSS
S
Semantic UI
Skeleton CSS
Spectre CSS
Tachyons CSS
T
Tailwind
Three JS
U
UI Kit
Vis JS
W
Water CSS
download
Download
expand_more
developer_mode
Download as HTML
folder_zip
Download as .ZIP
cloud_upload
Save
account_circle
Login
settings
Settings
expand_more
14
px
Live mode
Night mode
Line number
Mini map
Word wrap
sync_alt
Reset Settings
smart_display
Run
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <title>HTML5, CSS3 and JavaScript demo</title> </head> <body> <!-- Start your code here --> <div class="col-md-2 text-left"> <label> Valor Pago (R$) </label> <input type="text" onkeyup="SomaTD(this.value)" class="form-control" id="vlrpago" name="valorpago"> </div> <div class="col-md-2 text-left text-danger"> <label> troco (R$) </label> <input type="text" readonly="" id="troco" class="form-control text-danger" name="troco"> </div> <!-- End your code here --> </body> </html>
.lw { font-size: 60px; }
function numeroParaMoeda(n, c, d, t) { c = isNaN(c = Math.abs(c)) ? 2 : c, d = d == undefined ? "," : d, t = t == undefined ? "" : t, s = n < 0 ? "-" : "", i = parseInt(n = Math.abs(+n || 0).toFixed(c)) + "", j = (j = i.length) > 3 ? j % 3 : 0; return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : ""); } function moedaParaNumero(valor) { return isNaN(valor) == false ? parseFloat(valor) : parseFloat(valor.replace(".", "").replace(",", ".")); } function SomaTD(valor) { var vltotal ='1200,10'; var total = parseFloat(moedaParaNumero(valor)) - parseFloat(moedaParaNumero(vltotal)); // alert(total); if (parseInt(total) < 0) { $("#troco").val(numeroParaMoeda(0)); } else { $("#troco").val(numeroParaMoeda(total)); } console.log(total); }