Market kasası uygulamasıyla kasanızdaki parayı hızlıca sayabilirsiniz!
Uygulama telefon ekranına uygun yapıldı fakat bilgisayarda da kullanılabilirsiniz.
Madeni paraları sadece ağırlıklarını koyarak veya sayılarını yazarak girebileceğiniz gibi her ikisini de girerek ekleyebilirsiniz. Mesela 29 tane 50 kuruşu elle saydınız, tartıda ise 439 gram 50 kuruş var. Sayı yerine 29, ağırlık yerine 439 yazabilirsiniz.
Mesela hiç 25 kuruş yoksa yerini boş bırakıp devam edebilir ya da yerine 0 yazabilirsiniz.
Madeni paraların ağırlıkları yaklaşık değerlerdir.
Sağ üstteki simgeye tıklayarak tam ekranı açıp kapatabilirsiniz.
Hesaplamaya başlamadan önce temizle tuşuna basmanız önceki hesaptan kalanları temizlemenizi sağlar. Her ayrı hesaptan önce elle silme işlemi yapsanız da temizle tuşunu kullanmanızı öneriyoruz.
Öneri veya başka sebeple ileti için iletisim@sitenwebde.com
<style>
#result {margin-block:0;}
p {margin-left: 1rem;}
.container {
background: antiquewhite;
max-width: 400px;
margin: auto;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
font-family: muli;
overflow: auto; /* Existing overflow property */
max-height: calc(100vh - 80px); /* Adjust the height as needed */
position: relative; /* Added to position the icon */
z-index: 13;
}
.container * {
font-family: muli;
overflow: visible;
}
h1 {
text-align: center;
}
.input-block {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.input-block label {
margin-right: 10px;
flex-basis: 60%; /* Adjusts the width of the label */
}
.input-block input {
flex-basis: 40%; /* Adjusts the width of the input */
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
width: 100px;
}
.sticky-bottom button {
width: 100%;
padding: 10px;
background-color: #5cb85c;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
margin-block: 5px;
}
button:hover {
background-color: #4cae4c;
}
h2 {
text-align: center;
color: #333;
}
.sticky-bottom {
position: sticky;
bottom: 0;
background-color: #fff;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
margin-top: auto; /* Add this line */
}
.fullscreen-icon {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
font-size: 24px; /* Adjust size as needed */
}
.container.fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
border-radius: 0;
box-shadow: none;
overflow: auto;
}
</style>
Kasa Hesaplama
⇄🔲
Hesapla
Temizle
<script>
// Get the calculate button and add a click event listener
document.getElementById('calculateBtn').addEventListener('click', calculateTotal);
// Get the clear button and add a click event listener
document.getElementById('clearBtn').addEventListener('click', clearInputs);
// Function to calculate the total
function calculateTotal() {
// Get values from input fields and convert to numbers, defaulting to 0 if empty
const x = parseFloat(document.getElementById('x').value) || 0;
const y = parseFloat(document.getElementById('y').value) || 0;
const z = parseFloat(document.getElementById('z').value) || 0;
const a = parseFloat(document.getElementById('a').value) || 0;
const b = parseFloat(document.getElementById('b').value) || 0;
const c = parseFloat(document.getElementById('c').value) || 0;
const d = parseFloat(document.getElementById('d').value) || 0;
const e = parseFloat(document.getElementById('e').value) || 0;
const f = parseFloat(document.getElementById('f').value) || 0;
const g = parseFloat(document.getElementById('g').value) || 0;
const h = parseFloat(document.getElementById('h').value) || 0;
const i = parseFloat(document.getElementById('i').value) || 0;
const j = parseFloat(document.getElementById('j').value) || 0;
const k = parseFloat(document.getElementById('k').value) || 0;
const l = parseFloat(document.getElementById('l').value) || 0;
const m = parseFloat(document.getElementById('m').value) || 0;
// Perform the calculation
const total =
(x * 0.05) +
(y / 280 * 5) +
(z * 0.10) +
(a / 305 * 10) +
(b * 0.25) +
(c / 300 * 25) +
(d * 0.50) +
(e / 650 * 50) +
(f * 1) +
(g / 765 * 100) +
(h * 5) +
(i * 10) +
(j * 20) +
(k * 50) +
(l * 100) +
(m * 200);
// Format the result using a comma as the decimal separator
const formattedTotal = total.toFixed(2).replace('.', ',');
// Display the result
document.getElementById('result').textContent = `Toplam: ${formattedTotal} TL`;
}
// Function to clear input fields
function clearInputs() {
const inputs = document.querySelectorAll('input[type="number"]');
inputs.forEach(input => input.value = '');
document.getElementById('result').textContent = ''; // Clear the result as well
}
// Fullscreen toggle functionality
document.getElementById('fullscreenToggle').addEventListener('click', toggleFullScreen);
function toggleFullScreen() {
const container = document.getElementById('container');
if (!container.classList.contains('fullscreen')) {
container.classList.add('fullscreen');
container.requestFullscreen().catch(err => {
console.error(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`);
});
} else {
container.classList.remove('fullscreen');
if (document.exitFullscreen) {
document.exitFullscreen();
}
}
}
</script>