Konversi Harga ke Satuan MBG (Makan Bergizi Gratis)
About this app
Kalkulator untuk mengonversi harga produk ke dalam satuan MBG dengan perhitungan persentase terhadap anggaran Makan Bergizi Gratis.
Konversi Harga ke Satuan MBG (Makan Bergizi Gratis) Konversi Harga ke Satuan MBG Masukkan harga produk dalam rupiah: Rp 1.000.000.000.000 = 1 MBG
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>Konversi Harga ke Satuan MBG (Makan Bergizi Gratis)</title>
<meta name="description" content="Kalkulator untuk mengonversi harga produk ke dalam satuan MBG dengan perhitungan persentase terhadap anggaran Makan Bergizi Gratis.">
<meta name="keywords" content="Kalkulator, MBG, Makan Bergizi Gratis, konversi harga, persen, anggaran">
<!-- Libraries -->
<!-- jQuery (3.6.0) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
<!-- Bootstrap CSS (5.3.3) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" crossorigin="anonymous">
<!-- Font Awesome (6.6.0) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css" crossorigin="anonymous">
<script type="text/javascript">
try {
document.addEventListener("DOMContentLoaded", function() {
const conversionFactor = 1000000000000; // 1 triliun rupiah
const inputField = document.getElementById("productPrice");
const mbgOutput = document.getElementById("mbgOutput");
const percentageOutput = document.getElementById("percentageOutput");
const progressBar = document.getElementById("progressBar");
inputField.addEventListener("input", function() {
let price = parseFloat(inputField.value.replace(/[^\d]/g, '')) || 0;
let mbgValue = price / conversionFactor;
let percentageValue = (price / conversionFactor) * 100;
mbgOutput.textContent = `Bagian dari 1 hari MBG: ${mbgValue.toFixed(6)} MBG`;
percentageOutput.textContent = `Persentase: ${percentageValue.toFixed(6)} % dari anggaran 1 hari MBG`;
progressBar.style.width = `${Math.min(percentageValue, 100)}%`;
progressBar.setAttribute("aria-valuenow", Math.min(percentageValue, 100));
});
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background: linear-gradient(to right, #93C5FD, #F3D4C1);
color: #34495E;
}
#main-container {
margin-top: 50px;
padding: 20px;
background-color: white;
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
max-width: 600px;
margin: auto;
}
h1 {
color: #1E3A8A;
}
.progress {
height: 30px;
margin-top: 20px;
}
.status-output {
margin-top: 15px;
font-weight: bold;
color: #FF5733;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1 class="text-center">Konversi Harga ke Satuan MBG</h1>
<p class="text-center">Masukkan harga produk dalam rupiah: <span class="text-primary">Rp 1.000.000.000.000 = 1 MBG</span></p>
<div class="mb-3">
<input type="text" id="productPrice" class="form-control" placeholder="Masukkan harga dalam rupiah" />
</div>
<div id="mbgOutput" class="alert alert-info" role="alert"></div>
<div id="percentageOutput" class="alert alert-info" role="alert"></div>
<div class="progress">
<div id="progressBar" class="progress-bar bg-success" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!