Perbandingan klasifikasi citra SVM dan CNN menggunakan Ekstraksi Ciri HOG
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Internet of Things</title>
<link rel="stylesheet" href="style1.css" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/
bootstrap.min.css"
rel="stylesheet"
integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.mi
n.js"
integrity="sha384-
JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
crossorigin="anonymous"
></script>
</head>
<body>
<div class="container">
<div class="navbar">
<a href="home.html"
><img src="image/image3.png" alt="" style="width: 200px"
/></a>
<nav></nav>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav">
<a
href="setting.html"
class="nav-item nav-link"
style="
color: #707070;
font-weight: bold;
margin-right: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
"
>SETTING</a
>
<a
href="rakap.html"
class="nav-item nav-link"
style="
color: #707070;
font-weight: bold;
margin-right: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
"
>REKAP</a
>
<a
href="index.html"
class="nav-item nav-link"
style="
color: #707070;
font-weight: bold;
margin-right: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
"
>LOGOUT</a
>
</div>
</div>
</div>
<h1 style="color: #707070; font-size: 20px; margin-top: 20px">
REKAPITULASI
</h1>
<div class="row">
<div
class="col-6"
style="
background-color: lightblue;
height: 400px;
width: 300px;
border-radius: 10px;
box-shadow: 20px;
margin-right: 10px;
"
>
<h1
style="
font-size: 20px;
margin-left: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #707070;
"
>
Tahun
</h1>
<select
name="pilihtahun"
id="pilihtahun"
style="
font-size: 20px;
margin-left: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #707070;
width: 250px;
"
>
<option value="2021" nama="Tahun">2021</option>
<option value="2022" nama="Tahun">2022</option>
<option value="2023" nama="Tahun">2023</option>
<option value="2024" nama="Tahun">2024</option>
<option value="2025" nama="Tahun">2025</option>
<option value="2026" nama="Tahun">2026</option>
<option value="2027" nama="Tahun">2027</option>
<option value="2028" nama="Tahun">2028</option>
<option value="2029" nama="Tahun">2029</option>
<option value="2030" nama="Tahun">2030</option>
<option value="2031" nama="Tahun">2031</option>
<option value="2032" nama="Tahun">2032</option>
<option value="2033" nama="Tahun">2033</option>
<option value="2034" nama="Tahun">2034</option>
<option value="2035" nama="Tahun">2035</option>
<option value="2036" nama="Tahun">2036</option>
<option value="2037" nama="Tahun">2037</option>
<option value="2038" nama="Tahun">2038</option>
<option value="2039" nama="Tahun">2039</option>
<option value="2040" nama="Tahun">2040</option>
<option value="2041" nama="Tahun">2041</option>
<option value="2042" nama="Tahun">2042</option>
<option value="2043" nama="Tahun">2043</option>
<option value="2044" nama="Tahun">2044</option>
<option value="2045" nama="Tahun">2045</option>
<option value="2046" nama="Tahun">2046</option>
<option value="2047" nama="Tahun">2047</option>
<option value="2048" nama="Tahun">2048</option>
<option value="2049" nama="Tahun">2049</option>
<option value="2050" nama="Tahun">2050</option>
</select>
<h1
style="
font-size: 20px;
margin-left: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #707070;
"
>
Bulan
</h1>
<select
name="pilihbulan"
id="pilihbulan"
style="
font-size: 20px;
margin-left: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #707070;
width: 250px;
"
>
<option value="January" nama="Bulan">January</option>
<option value="February" nama="Bulan">February</option>
<option value="March" nama="Bulan">March</option>
<option value="April" nama="Bulan">April</option>
<option value="May" nama="Bulan">May</option>
<option value="June" nama="Bulan">June</option>
<option value="July" nama="Bulan">July</option>
<option value="August" nama="Bulan">August</option>
<option value="September" nama="Bulan">September</option>
<option value="October" nama="Bulan">October</option>
<option value="November" nama="Bulan">November</option>
<option value="December" nama="Bulan">December</option>
</select>
<h1
style="
font-size: 20px;
margin-left: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #707070;
"
>
Hari ke-
</h1>
<select
name="pilihhari"
id="pilihhari"
style="
font-size: 20px;
margin-left: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #707070;
width: 250px;
"
>
<option value="1" nama="Tahun">1</option>
<option value="2" nama="Tahun">2</option>
<option value="3" nama="Tahun">3</option>
<option value="4" nama="Tahun">4</option>
<option value="5" nama="Tahun">5</option>
<option value="6" nama="Tahun">6</option>
<option value="7" nama="Tahun">7</option>
<option value="8" nama="Tahun">8</option>
<option value="9" nama="Tahun">9</option>
<option value="10" nama="Tahun">10</option>
<option value="11" nama="Tahun">11</option>
<option value="12" nama="Tahun">12</option>
<option value="13" nama="Tahun">13</option>
<option value="14" nama="Tahun">14</option>
<option value="15" nama="Tahun">15</option>
<option value="16" nama="Tahun">16</option>
<option value="17" nama="Tahun">17</option>
<option value="18" nama="Tahun">18</option>
<option value="19" nama="Tahun">19</option>
<option value="20" nama="Tahun">20</option>
<option value="21" nama="Tahun">21</option>
<option value="22" nama="Tahun">22</option>
<option value="23" nama="Tahun">23</option>
<option value="24" nama="Tahun">24</option>
<option value="25" nama="Tahun">25</option>
<option value="26" nama="Tahun">26</option>
<option value="27" nama="Tahun">27</option>
<option value="28" nama="Tahun">28</option>
<option value="29" nama="Tahun">29</option>
<option value="30" nama="Tahun">30</option>
<option value="31" nama="Tahun">31</option>
</select>
<button
style="
margin-top: 40px;
background-color: greenyellow;
height: 40px;
width: 250px;
margin-left: 20px;
margin-right: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-weight: bold;
border-radius: 10px;
"
onclick="Rekap()"
>
PILIH
</button>
</div>
<div
class="col-1"
style="background-color: white; width: 400px; height: 400px"
>
<div class="row">
<div class="col-6">
<h1
style="
color: #707070;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
text-align: center;
font-size: 20px;
"
>
KISARAN TOTAL BIAYA HARIAN
</h1>
<h1
style="
color: #707070;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
text-align: center;
font-size: 50px;
"
id="biayabulanan"
>
0
</h1>
</div>
<div class="col-6">
<h1
style="
color: #707070;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
text-align: center;
font-size: 20px;
"
>
KISARAN TOTAL BIAYA BULANAN
</h1>
<h1
style="
color: #707070;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
text-align: center;
font-size: 50px;
"
id="biayabulanan2"
>
0
</h1>
</div>
</div>
<div class="row">
<div
class="col"
style="
background-color: lightgreen;
height: 200px;
border-radius: 10px;
"
>
<h1
style="
color: #707070;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 18px;
text-align: center;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
"
>
Biaya Halaman (Rupiah)
</h1>
<h1
style="
color: #707070;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 25px;
text-align: center;
padding: 10px;
"
id="biayaharianhalaman"
>
0
</h1>
<h1
style="
color: #707070;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 25px;
text-align: center;
"
>
/Hari
</h1>
</div>
<div
class="col"
style="
background-color: lightgoldenrodyellow;
height: 200px;
border-radius: 10px;
"
>
<h1
style="
color: #707070;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 18px;
text-align: center;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
"
>
Biaya Ruang Tamu (Rupiah)
</h1>
<h1
style="
color: #707070;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 25px;
text-align: center;
padding: 10px;
"
id="biayaharianruangtamu"
>
0
</h1>
<h1
style="
color: #707070;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 25px;
text-align: center;
"
>
/Hari
</h1>
</div>
<div
class="col"
style="
background-color: lightpink;
height: 200px;
border-radius: 10px;
"
>
<h1
style="
color: #707070;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 18px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
"
>
Biaya Pump (Rupiah)
</h1>
<h1
style="
color: #707070;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 25px;
text-align: center;
padding: 10px;
"
id="biayaharianpump"
>
0
</h1>
<h1
style="
color: #707070;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 25px;
text-align: center;
"
>
/Hari
</h1>
</div>
</div>
</div>
</div>
<p style="color: white; font-size: 0px" id="nilairelay1"></p>
<p style="color: white; font-size: 0px" id="nilairelay2"></p>
<p style="color: white; font-size: 0px" id="nilairelay3"></p>
<p style="color: white; font-size: 0px" id="tdl"></p>
<p style="color: white; font-size: 0px" id="nilaidayahalaman"></p>
<p style="color: white; font-size: 0px" id="nilaidayaruangtamu"></p>
<p style="color: white; font-size: 0px" id="nilaidayapump"></p>
<p style="color: white; font-size: 0px" id="1a"></p>
<p style="color: white; font-size: 0px" id="1b"></p>
<p style="color: white; font-size: 0px" id="1c"></p>
<p style="color: white; font-size: 0px" id="2a"></p>
<p style="color: white; font-size: 0px" id="2b"></p>
<p style="color: white; font-size: 0px" id="2c"></p>
<p style="color: white; font-size: 0px" id="3a"></p>
<p style="color: white; font-size: 0px" id="3b"></p>
<p style="color: white; font-size: 0px" id="3c"></p>
<p style="color: white; font-size: 0px" id="4a"></p>
<p style="color: white; font-size: 0px" id="4b"></p>
<p style="color: white; font-size: 0px" id="4c"></p>
<p style="color: white; font-size: 0px" id="5a"></p>
<p style="color: white; font-size: 0px" id="5b"></p>
<p style="color: white; font-size: 0px" id="5c"></p>
<p style="color: white; font-size: 0px" id="6a"></p>
<p style="color: white; font-size: 0px" id="6b"></p>
<p style="color: white; font-size: 0px" id="6c"></p>
<p style="color: white; font-size: 0px" id="7a"></p>
<p style="color: white; font-size: 0px" id="7b"></p>
<p style="color: white; font-size: 0px" id="7c"></p>
<p style="color: white; font-size: 0px" id="8a"></p>
<p style="color: white; font-size: 0px" id="8b"></p>
<p style="color: white; font-size: 0px" id="8c"></p>
<p style="color: white; font-size: 0px" id="9a"></p>
<p style="color: white; font-size: 0px" id="9b"></p>
<p style="color: white; font-size: 0px" id="9c"></p>
<p style="color: white; font-size: 0px" id="10a"></p>
<p style="color: white; font-size: 0px" id="10b"></p>
<p style="color: white; font-size: 0px" id="10c"></p>
<p style="color: white; font-size: 0px" id="11a"></p>
<p style="color: white; font-size: 0px" id="11b"></p>
<p style="color: white; font-size: 0px" id="11c"></p>
<p style="color: white; font-size: 0px" id="12a"></p>
<p style="color: white; font-size: 0px" id="12b"></p>
<p style="color: white; font-size: 0px" id="12c"></p>
<p style="color: white; font-size: 0px" id="13a"></p>
<p style="color: white; font-size: 0px" id="13b"></p>
<p style="color: white; font-size: 0px" id="13c"></p>
<p style="color: white; font-size: 0px" id="14a"></p>
<p style="color: white; font-size: 0px" id="14b"></p>
<p style="color: white; font-size: 0px" id="14c"></p>
<p style="color: white; font-size: 0px" id="15a"></p>
<p style="color: white; font-size: 0px" id="15b"></p>
<p style="color: white; font-size: 0px" id="15c"></p>
<p style="color: white; font-size: 0px" id="16a"></p>
<p style="color: white; font-size: 0px" id="16b"></p>
<p style="color: white; font-size: 0px" id="16c"></p>
<p style="color: white; font-size: 0px" id="17a"></p>
<p style="color: white; font-size: 0px" id="17b"></p>
<p style="color: white; font-size: 0px" id="17c"></p>
<p style="color: white; font-size: 0px" id="18a"></p>
<p style="color: white; font-size: 0px" id="18b"></p>
<p style="color: white; font-size: 0px" id="18c"></p>
<p style="color: white; font-size: 0px" id="19a"></p>
<p style="color: white; font-size: 0px" id="19b"></p>
<p style="color: white; font-size: 0px" id="19c"></p>
<p style="color: white; font-size: 0px" id="20a"></p>
<p style="color: white; font-size: 0px" id="20b"></p>
<p style="color: white; font-size: 0px" id="20c"></p>
<p style="color: white; font-size: 0px" id="21a"></p>
<p style="color: white; font-size: 0px" id="21b"></p>
<p style="color: white; font-size: 0px" id="21c"></p>
<p style="color: white; font-size: 0px" id="22a"></p>
<p style="color: white; font-size: 0px" id="22b"></p>
<p style="color: white; font-size: 0px" id="22c"></p>
<p style="color: white; font-size: 0px" id="23a"></p>
<p style="color: white; font-size: 0px" id="23b"></p>
<p style="color: white; font-size: 0px" id="23c"></p>
<p style="color: white; font-size: 0px" id="24a"></p>
<p style="color: white; font-size: 0px" id="24b"></p>
<p style="color: white; font-size: 0px" id="24c"></p>
<p style="color: white; font-size: 0px" id="25a"></p>
<p style="color: white; font-size: 0px" id="25b"></p>
<p style="color: white; font-size: 0px" id="25c"></p>
<p style="color: white; font-size: 0px" id="26a"></p>
<p style="color: white; font-size: 0px" id="26b"></p>
<p style="color: white; font-size: 0px" id="26c"></p>
<p style="color: white; font-size: 0px" id="27a"></p>
<p style="color: white; font-size: 0px" id="27b"></p>
<p style="color: white; font-size: 0px" id="27c"></p>
<p style="color: white; font-size: 0px" id="28a"></p>
<p style="color: white; font-size: 0px" id="28b"></p>
<p style="color: white; font-size: 0px" id="28c"></p>
<p style="color: white; font-size: 0px" id="29a"></p>
<p style="color: white; font-size: 0px" id="29b"></p>
<p style="color: white; font-size: 0px" id="29c"></p>
<p style="color: white; font-size: 0px" id="30a"></p>
<p style="color: white; font-size: 0px" id="30b"></p>
<p style="color: white; font-size: 0px" id="30c"></p>
<p style="color: white; font-size: 0px" id="31a"></p>
<p style="color: white; font-size: 0px" id="31b"></p>
<p style="color: white; font-size: 0px" id="31c"></p>
</div>
<script
src="https://www.gstatic.com/firebasejs/8.6.8/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-auth.js"></
script>
<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-database.js"></
script>
<script id="MainScript">
var firebaseConfig = {
apiKey: "AIzaSyCOkbZJYFDDPZxoYt4VhkUEUjOaKMcGnLo",
authDomain: "iotse-b1c10.firebaseapp.com",
databaseURL: "https://iotse-b1c10-default-rtdb.firebaseio.com",
projectId: "iotse-b1c10",
storageBucket: "iotse-b1c10.appspot.com",
messagingSenderId: "270480060594",
appId: "1:270480060594:web:6cbccdbb40e653c14e99ab",
};
firebase.initializeApp(firebaseConfig);
function Rekap() {
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child(pilihhari.value)
.child("PenggunaanRelay1")
.on("value", (snap) => (nilairelay1.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child(pilihhari.value)
.child("PenggunaanRelay2")
.on("value", (snap) => (nilairelay2.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child(pilihhari.value)
.child("PenggunaanRelay3")
.on("value", (snap) => (nilairelay3.innerText = snap.val()));
firebase
.database()
.ref()
.child("tdc")
.on("value", (snap) => (tdl.innerText = snap.val()));
firebase
.database()
.ref()
.child("dayahalaman")
.on("value", (snap) => (nilaidayahalaman.innerText = snap.val()));
firebase
.database()
.ref()
.child("dayaruangtamu")
.on("value", (snap) => (nilaidayaruangtamu.innerText = snap.val()));
firebase
.database()
.ref()
.child("dayapump")
.on("value", (snap) => (nilaidayapump.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("1")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal1a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("1")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal1b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("1")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal1c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("2")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal2a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("2")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal2b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("2")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal2c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("3")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal3a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("3")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal3b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("3")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal3c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("4")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal4a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("4")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal4b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("4")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal4c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("5")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal5a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("5")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal5b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("5")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal5c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("6")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal6a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("6")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal6b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("6")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal6c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("7")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal7a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("7")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal7b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("7")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal7c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("8")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal8a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("8")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal8b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("8")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal8c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("9")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal9a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("9")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal9b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("9")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal9c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("10")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal10a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("10")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal10b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("10")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal10c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("11")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal11a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("11")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal11b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("11")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal11c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("12")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal12a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("12")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal12b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("12")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal12c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("13")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal13a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("13")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal13b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("13")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal13c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("14")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal14a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("14")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal14b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("14")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal14c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("15")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal15a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("15")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal15b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("15")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal15c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("16")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal16a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("16")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal16b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("16")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal16c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("17")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal17a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("17")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal17b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("17")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal17c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("18")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal18a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("18")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal18b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("18")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal18c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("19")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal19a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("19")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal19b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("19")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal19c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("20")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal20a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("20")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal20b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("20")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal20c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("21")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal21a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("21")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal21b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("21")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal21c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("22")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal22a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("22")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal22b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("22")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal22c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("23")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal23a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("23")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal23b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("23")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal23c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("24")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal24a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("24")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal24b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("24")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal24c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("25")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal25a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("25")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal25b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("25")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal25c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("26")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal26a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("26")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal26b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("26")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal26c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("27")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal27a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("27")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal27b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("27")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal27c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("28")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal28a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("28")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal28b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("28")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal28c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("29")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal29a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("29")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal29b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("29")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal29c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("30")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal30a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("30")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal30b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("30")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal30c.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("31")
.child("PenggunaanRelay1")
.on("value", (snap) => (tanggal31a.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("31")
.child("PenggunaanRelay2")
.on("value", (snap) => (tanggal31b.innerText = snap.val()));
firebase
.database()
.ref()
.child(pilihtahun.value)
.child(pilihbulan.value)
.child("31")
.child("PenggunaanRelay3")
.on("value", (snap) => (tanggal31c.innerText = snap.val()));
/////////////////////////////////////////////
var a = ((nvr1 * ndh) / 1000) * ntdl;
var b = ((nvr2 * ndrt) / 1000) * ntdl;
var c = ((nvr3 * ndp) / 1000) * ntdl;
var biayaharianhalaman = (document.getElementById(
"biayaharianhalaman"
).innerText = a.toFixed(3));
var biayaharianruangtamu = (document.getElementById(
"biayaharianruangtamu"
).innerText = b.toFixed(3));
var biayaharianpump = (document.getElementById(
"biayaharianpump"
).innerText = c.toFixed(3));
var d = a + b + c;
var biayabulanan = (document.getElementById("biayabulanan").innerText =
d.toFixed(3));
////////////////////////////////////////////
var a1 = ((n1a * ndh) / 1000) * ntdl;
var b1 = ((n1b * ndrt) / 1000) * ntdl;
var c1 = ((n1c * ndp) / 1000) * ntdl;
var a2 = ((n2a * ndh) / 1000) * ntdl;
var b2 = ((n2b * ndrt) / 1000) * ntdl;
var c2 = ((n2c * ndp) / 1000) * ntdl;
var a3 = ((n3a * ndh) / 1000) * ntdl;
var b3 = ((n3b * ndrt) / 1000) * ntdl;
var c3 = ((n3c * ndp) / 1000) * ntdl;
var a4 = ((n4a * ndh) / 1000) * ntdl;
var b4 = ((n4b * ndrt) / 1000) * ntdl;
var c4 = ((n4c * ndp) / 1000) * ntdl;
var a5 = ((n5a * ndh) / 1000) * ntdl;
var b5 = ((n5b * ndrt) / 1000) * ntdl;
var c5 = ((n5c * ndp) / 1000) * ntdl;
var a6 = ((n6a * ndh) / 1000) * ntdl;
var b6 = ((n6b * ndrt) / 1000) * ntdl;
var c6 = ((n6c * ndp) / 1000) * ntdl;
var a7 = ((n7a * ndh) / 1000) * ntdl;
var b7 = ((n7b * ndrt) / 1000) * ntdl;
var c7 = ((n7c * ndp) / 1000) * ntdl;
var a8 = ((n8a * ndh) / 1000) * ntdl;
var b8 = ((n8b * ndrt) / 1000) * ntdl;
var c8 = ((n8c * ndp) / 1000) * ntdl;
var a9 = ((n9a * ndh) / 1000) * ntdl;
var b9 = ((n9b * ndrt) / 1000) * ntdl;
var c9 = ((n9c * ndp) / 1000) * ntdl;
var a10 = ((n10a * ndh) / 1000) * ntdl;
var b10 = ((n10b * ndrt) / 1000) * ntdl;
var c10 = ((n10c * ndp) / 1000) * ntdl;
var a11 = ((n11a * ndh) / 1000) * ntdl;
var b11 = ((n11b * ndrt) / 1000) * ntdl;
var c11 = ((n11c * ndp) / 1000) * ntdl;
var a12 = ((n12a * ndh) / 1000) * ntdl;
var b12 = ((n12b * ndrt) / 1000) * ntdl;
var c12 = ((n12c * ndp) / 1000) * ntdl;
var a13 = ((n13a * ndh) / 1000) * ntdl;
var b13 = ((n13b * ndrt) / 1000) * ntdl;
var c13 = ((n13c * ndp) / 1000) * ntdl;
var a14 = ((n14a * ndh) / 1000) * ntdl;
var b14 = ((n14b * ndrt) / 1000) * ntdl;
var c14 = ((n14c * ndp) / 1000) * ntdl;
var a15 = ((n15a * ndh) / 1000) * ntdl;
var b15 = ((n15b * ndrt) / 1000) * ntdl;
var c15 = ((n15c * ndp) / 1000) * ntdl;
var a16 = ((n16a * ndh) / 1000) * ntdl;
var b16 = ((n16b * ndrt) / 1000) * ntdl;
var c16 = ((n16c * ndp) / 1000) * ntdl;
var a17 = ((n17a * ndh) / 1000) * ntdl;
var b17 = ((n17b * ndrt) / 1000) * ntdl;
var c17 = ((n17c * ndp) / 1000) * ntdl;
var a18 = ((n18a * ndh) / 1000) * ntdl;
var b18 = ((n18b * ndrt) / 1000) * ntdl;
var c18 = ((n18c * ndp) / 1000) * ntdl;
var a19 = ((n19a * ndh) / 1000) * ntdl;
var b19 = ((n19b * ndrt) / 1000) * ntdl;
var c19 = ((n19c * ndp) / 1000) * ntdl;
var a20 = ((n20a * ndh) / 1000) * ntdl;
var b20 = ((n20b * ndrt) / 1000) * ntdl;
var c20 = ((n20c * ndp) / 1000) * ntdl;
var a21 = ((n21a * ndh) / 1000) * ntdl;
var b21 = ((n21b * ndrt) / 1000) * ntdl;
var c21 = ((n21c * ndp) / 1000) * ntdl;
var a22 = ((n22a * ndh) / 1000) * ntdl;
var b22 = ((n22b * ndrt) / 1000) * ntdl;
var c22 = ((n22c * ndp) / 1000) * ntdl;
var a23 = ((n23a * ndh) / 1000) * ntdl;
var b23 = ((n23b * ndrt) / 1000) * ntdl;
var c23 = ((n23c * ndp) / 1000) * ntdl;
var a24 = ((n24a * ndh) / 1000) * ntdl;
var b24 = ((n24b * ndrt) / 1000) * ntdl;
var c24 = ((n24c * ndp) / 1000) * ntdl;
var a25 = ((n25a * ndh) / 1000) * ntdl;
var b25 = ((n25b * ndrt) / 1000) * ntdl;
var c25 = ((n25c * ndp) / 1000) * ntdl;
var a26 = ((n26a * ndh) / 1000) * ntdl;
var b26 = ((n26b * ndrt) / 1000) * ntdl;
var c26 = ((n26c * ndp) / 1000) * ntdl;
var a27 = ((n27a * ndh) / 1000) * ntdl;
var b27 = ((n27b * ndrt) / 1000) * ntdl;
var c27 = ((n27c * ndp) / 1000) * ntdl;
var a28 = ((n28a * ndh) / 1000) * ntdl;
var b28 = ((n28b * ndrt) / 1000) * ntdl;
var c28 = ((n28c * ndp) / 1000) * ntdl;
var a29 = ((n29a * ndh) / 1000) * ntdl;
var b29 = ((n29b * ndrt) / 1000) * ntdl;
var c29 = ((n29c * ndp) / 1000) * ntdl;
var a30 = ((n30a * ndh) / 1000) * ntdl;
var b30 = ((n30b * ndrt) / 1000) * ntdl;
var c30 = ((n30c * ndp) / 1000) * ntdl;
var a31 = ((n31a * ndh) / 1000) * ntdl;
var b31 = ((n31b * ndrt) / 1000) * ntdl;
var c31 = ((n31c * ndp) / 1000) * ntdl;
var total =
a1 +
b1 +
c1 +
(a2 + b2 + c2) +
(a3 + b3 + c3) +
(a3 + b3 + c3) +
(a4 + b4 + c4) +
(a5 + b5 + c5) +
(a6 + b6 + c6) +
(a7 + b7 + c7) +
(a8 + b8 + c8) +
(a9 + b9 + c9) +
(a10 + b10 + c10) +
(a11 + b11 + c11) +
(a12 + b12 + c12) +
(a13 + b13 + c13) +
(a14 + b14 + c14) +
(a15 + b15 + c15) +
(a16 + b16 + c16) +
(a17 + b17 + c17) +
(a18 + b18 + c18) +
(a19 + b19 + c19) +
(a20 + b20 + c20) +
(a21 + b21 + c21) +
(a22 + b22 + c22) +
(a23 + b23 + c23) +
(a24 + b24 + c24) +
(a25 + b25 + c25) +
(a26 + b26 + c26) +
(a27 + b27 + c27) +
(a28 + b28 + c28) +
(a29 + b29 + c29) +
(a30 + b30 + c30) +
(a31 + b31 + c31);