Money Counter Calculator
About this app
Money Counter Calculator
Money Counter Calculator Select Location: DCC NARERE NAUSORI NADI TOWN BA1 RAKIRAKI ADAMS GREIG DOWNTOWN SUPER NAMAKA TAVUA BA3 LABASA VITIPLAZA NAKASI SAVUSAVU IGA LAUTOKA WAIYAVI Date and Time: Money Counter Calculator $100 Bills: $50 Bills: $20 Bills: $10 Bills: $7 Bills: $5 Bills: $2 Bills: $1 Bills: 50¢ Coins: 20¢ Coins: 10¢ Coins: 5¢ Coins: Petty Cash Branch: Petty Cash HO: EFTPOS ANZ: EFTPOS WBC: EFTPOS BSP: Western Union Branch: Western Union HO: E-Value: M-Paisa: Credit Sales: Add Machine Float: Less Machine Float: Save as PDF
Related apps
IPTV M3U8 & EPG Generator Studio | Image to M3U Playlist & Guide
Image to IPTV Converter & M3U Playlist Generator
Image to IPTV Converter & M3U Playlist Generator
Image to M3U Playlist Converter | IPTV & Media Stream Generator
Roulette Row Predictor Pro - Live Pattern & Trend Stats Analyzer
Video to Repeated Sequence Generator - Rhythm & Glitch Loop Maker
LoopCraft - Video to Repeated Sequence Converter
LoopMatrix - Video Sequence Repeater & Stutter Maker
MuffleFX - Video & Audio Low-Pass Filter Studio
Seeding Rate Calculator
Irrigation Set Time Calculator
Fertilizer Nutrient Units Calculator
Put this on your site
Source
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Money Counter Calculator</title>
<meta name="description" content="Money Counter Calculator">
<meta name="keywords" content="money,counter,calculator">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.
// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
// Function to calculate the total amount
function calculateTotalAmount() {
// Get the values from the input fields
let hundred = parseInt($("#hundred").val()) || 0;
let fifty = parseInt($("#fifty").val()) || 0;
let twenty = parseInt($("#twenty").val()) || 0;
let ten = parseInt($("#ten").val()) || 0;
let seven = parseInt($("#seven").val()) || 0;
let five = parseInt($("#five").val()) || 0;
let two = parseInt($("#two").val()) || 0;
let one = parseInt($("#one").val()) || 0;
let halfdollar = parseInt($("#halfdollar").val()) || 0;
let twodime = parseInt($("#twodime").val()) || 0;
let dime = parseInt($("#dime").val()) || 0;
let nickel = parseInt($("#nickel").val()) || 0;
let pettyCashBranch = parseInt($("#petty-cash-branch").val()) || 0;
let pettyCashHO = parseInt($("#petty-cash-ho").val()) || 0;
let eftposANZ = parseInt($("#eftpos-anz").val()) || 0;
let eftposWBC = parseInt($("#eftpos-wbc").val()) || 0;
let eftposBSP = parseInt($("#eftpos-bsp").val()) || 0;
let westernUnionBranch = parseInt($("#western-union-branch").val()) || 0;
let westernUnionHO = parseInt($("#western-union-ho").val()) || 0;
let eValue = parseInt($("#e-value").val()) || 0;
let mPaisa = parseInt($("#m-paisa").val()) || 0;
let creditSales = parseInt($("#credit-sales").val()) || 0;
let addMachineFloat = parseInt($("#add-machine-float").val()) || 0;
let lessMachineFloat = parseInt($("#less-machine-float").val()) || 0;
// Calculate the total amount
let totalAmount = (hundred * 100) + (fifty * 50) + (twenty * 20) + (ten * 10) + (seven * 7) +
(five * 5) + (two * 2) + one + (halfdollar * 0.5) + (twodime * 0.2) +
(dime * 0.1) + (nickel * 0.05) + pettyCashBranch + pettyCashHO +
eftposANZ + eftposWBC + eftposBSP + westernUnionBranch + westernUnionHO +
eValue + mPaisa + creditSales + addMachineFloat - lessMachineFloat;
// Display the total amount
$("#result").text("Total Amount: $" + totalAmount.toFixed(2));
}
// Bind the calculateTotalAmount function to the input fields' change event
$("input[type='number']").on("change", calculateTotalAmount);
// Function to save the page as PDF
function saveAsPDF() {
// Get the HTML element to convert to canvas
let mainContainer = document.getElementById("main-container");
// Convert the HTML element to canvas using html2canvas library
html2canvas(mainContainer).then(function(canvas) {
// Create a PDF document
let pdf = new jsPDF("p", "mm", "a4");
// Get the canvas image data
let imageData = canvas.toDataURL("image/png");
// Add the canvas image data to the PDF document
pdf.addImage(imageData, "PNG", 0, 0, 210, 297);
// Save the PDF document
pdf.save("money_counter_calculator.pdf");
});
}
// Bind the saveAsPDF function to the save PDF button click event
$("#save-pdf-button").on("click", saveAsPDF);
});
} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>
<style>
/* App CSS Goes Here */
body {
background-color: #f9f9f9;
font-family: 'Arial', sans-serif;
}
h1 {
color: #333;
text-align: center;
margin: 20px 0;
}
#calculator {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
padding: 20px;
margin-bottom: 20px;
}
label {
font-weight: bold;
}
input[type='number'] {
width: 100px;
padding: 5px;
margin: 5px 0;
}
#result {
font-weight: bold;
margin-top: 20px;
text-align: center;
}
#save-pdf-button {
display: block;
width: 200px;
margin: 20px auto;
padding: 10px;
text-align: center;
background-color: #4caf50;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
}
#save-pdf-button:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<div id="calculator">
<div id="location-dropdown">
<label for="locations">Select Location:</label>
<select id="locations">
<option value="DCC">DCC</option>
<option value="NARERE">NARERE</option>
<option value="NAUSORI">NAUSORI</option>
<option value="NADI TOWN">NADI TOWN</option>
<option value="BA1">BA1</option>
<option value="RAKIRAKI">RAKIRAKI</option>
<option value="ADAMS">ADAMS</option>
<option value="GREIG">GREIG</option>
<option value="DOWNTOWN">DOWNTOWN</option>
<option value="SUPER">SUPER</option>
<option value="NAMAKA">NAMAKA</option>
<option value="TAVUA">TAVUA</option>
<option value="BA3">BA3</option>
<option value="LABASA">LABASA</option>
<option value="VITIPLAZA">VITIPLAZA</option>
<option value="NAKASI">NAKASI</option>
<option value="SAVUSAVU">SAVUSAVU</option>
<option value="IGA LAUTOKA">IGA LAUTOKA</option>
<option value="WAIYAVI">WAIYAVI</option>
<!-- Add more store options here -->
</select>
</div>
<div id="date-time">
<label for="current-date-time">Date and Time:</label>
<span id="current-date-time"></span>
</div>
</div>
<h1>Money Counter Calculator</h1>
<label for="hundred">$100 Bills:</label>
<input type="number" id="hundred" min="0" placeholder="0">
<label for="fifty">$50 Bills:</label>
<input type="number" id="fifty" min="0" placeholder="0">
<label for="twenty">$20 Bills:</label>
<input type="number" id="twenty" min="0" placeholder="0">
<label for="ten">$10 Bills:</label>
<input type="number" id="ten" min="0" placeholder="0">
<label for="seven">$7 Bills:</label>
<input type="number" id="seven" min="0" placeholder="0">
<label for="five">$5 Bills:</label>
<input type="number" id="five" min="0" placeholder="0">
<label for="two">$2 Bills:</label>
<input type="number" id="two" min="0" placeholder="0">
<label for="one">$1 Bills:</label>
<input type="number" id="one" min="0" placeholder="0">
<label for="halfdollar">50¢ Coins:</label>
<input type="number" id="halfdollar" min="0" placeholder="0">
<label for="twodime">20¢ Coins:</label>
<input type="number" id="twodime" min="0" placeholder="0">
<label for="dime">10¢ Coins:</label>
<input type="number" id="dime" min="0" placeholder="0">
<label for="nickel">5¢ Coins:</label>
<input type="number" id="nickel" min="0" placeholder="0">
<label for="petty-cash-branch">Petty Cash Branch:</label>
<input type="number" id="petty-cash-branch" min="0" placeholder="0">
<label for="petty-cash-ho">Petty Cash HO:</label>
<input type="number" id="petty-cash-ho" min="0" placeholder="0">
<label for="eftpos-anz">EFTPOS ANZ:</label>
<input type="number" id="eftpos-anz" min="0" placeholder="0">
<label for="eftpos-wbc">EFTPOS WBC:</label>
<input type="number" id="eftpos-wbc" min="0" placeholder="0">
<label for="eftpos-bsp">EFTPOS BSP:</label>
<input type="number" id="eftpos-bsp" min="0" placeholder="0">
<label for="western-union-branch">Western Union Branch:</label>
<input type="number" id="western-union-branch" min="0" placeholder="0">
<label for="western-union-ho">Western Union HO:</label>
<input type="number" id="western-union-ho" min="0" placeholder="0">
<label for="e-value">E-Value:</label>
<input type="number" id="e-value" min="0" placeholder="0">
<label for="m-paisa">M-Paisa:</label>
<input type="number" id="m-paisa" min="0" placeholder="0">
<label for="credit-sales">Credit Sales:</label>
<input type="number" id="credit-sales" min="0" placeholder="0">
<label for="add-machine-float">Add Machine Float:</label>
<input type="number" id="add-machine-float" min="0" placeholder="0">
<label for="less-machine-float">Less Machine Float:</label>
<input type="number" id="less-machine-float" min="0" placeholder="0">
<div id="result"></div>
<button id="save-pdf-button">Save as PDF</button>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.3.2/html2canvas.min.js"></script>
<style>
/* App CSS Goes Here */
</style>
</body>
</html>
NEW APPS
These are apps made by the community!