Rabu, 20 November 2019

konversi ke detik

<html>
<head>
<title>PRAKTIKUM ALPRO</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script>
//SCRIPT SEMUA PROSES
function hour(semua_detik)
{
//proses konversi jam
var hour;
hour = Math.floor(semua_detik / 3600);
return hour;

}
function minute(semua_detik)
{
//proses konversi menit
var minute;
minute = Math.floor(semua_detik/60) %60;
return minute;
}
function second(semua_detik)
{
//proses konversi detik
var second;
second = semua_detik % 60;
return second;
}
</script>
<script>
//SCRIPT UNTUK EKSEKUSI TRIGGER BUTTON
function total_harga()
{
//variable
var semua_detik
//input
semua_detik = inputan("semua_detik");
//proses
jumlah_jam = hour(semua_detik);
jumlah_menit = minute(semua_detik);
jm_detik = second(semua_detik);
//output
output1(jumlah_jam);
output2(jumlah_menit);
output3(jm_detik);
}
</script>
</head>
<body>
<script>
//SCRIPT INPUT
function inputan(semuakomponen)
{
var data
data = parseInt (document.getElementById(semuakomponen).value);
return data;
}
</script>
<script>
//SCRIPT OUTPUT
function output1(data)
{
document.getElementById("jml_jam").value = data;
}
function output2(data)
{
document.getElementById("jml_menit").value = data;
}
function output3(data)
{
document.getElementById("jml_detik").value = data;
}
</script>
<div>
<table border="1" align="center" width="30%">
<td width="30%">
<pre>
<div>
<label> Input Detik : </label><br>
<input id="semua_detik" type="text"/>
</div>
<div>
<label> Jam : </label><br>
<input id="jml_jam" type="text"/>
</div>
<div>
<label> Menit : </label><br>
<input id="jml_menit" type="text"/>
</div>
<div>
<label> detik : </label><br>
<input id="jml_detik" type="text"/>
</div>
<div>
<input type="button" value="Jumlah" onclick="total_harga()" />
</div>
</td></pre>
</table>
</div><br>
<div>
</div>
</div>
</body>
</html>

Minggu, 10 Desember 2017

belajar if

penjelasan codingnya
<html>
<body>
<title> "Belajar IF" </title>
<script language="JavaScript" type="text/javascript">
//Deklarasi
var tinggi_badan;
var status;

//input
tinggi_badan=prompt("Masukkan Tinggi Badan = ");

//Proses
if (tinggi_badan>=168)
{
status="Lulus";
}

//Output
document.write (status);

</script>
</title>
</body>
</html>
"Belajar IF"

golongan darah

penjelasan codingnya
<!Doctype html>
<html>
<head>
<title>Belajar Javascript || Sistolik dan Distolik</title>
</head>
<script type = "text/javascript">
function sistolikdistolik ()
{
var sistolik = document.getElementById("sistolik").value;;
var distolik = document.getElementById("distolik").value;;

if ((sistolik<120)&&(distolik<80))
{
alert ("Normal");
}
else if ((sistolik<130)&&(distolik<85))
{
alert ("Optimal");
}
else if (((sistolik>129) && (sistolik<140))&&((distolik>84)&&(distolik<90)))
{
alert ("Pre Hipertensi");
}
else if (((sistolik>139) && (sistolik<160))&&((distolik>89)&&(distolik<100)))
{
alert ("Hipertensi Derajat1");
}
else if (((sistolik>159)&&(sistolik<180))&&((distolik>99)&&(distolik<110)))
{
alert ("Hipertensi Derajat2");
}
else if ((sistolik>180)&&(distolik>=110))
{
alert ("Hipertensi Derajat3");
}
else if ((sistolik>=140)&&(distolik<90))
{
alert ("Hipertensi Sistolik Terisolasi");
}
}
</script>
<body>
<body bgcolor="green">
<form name="page">
<label width="20%" colspan="4"><h2 align="center">Tekanan Darah</h2> </label>
<table border="5" cellpadding="3" cellspacing="5" align="center" width="50%">
<tr>
<td width="25%" align="center"><input name="sistolik" type="text" id="sistolik" size="45" placeholder="Sistolik"><br>
<td width="25%" align="center"><input name="distolik" type="text" id="distolik" size="45" placeholder="Distolik"><br>
</tr>
<tr>
<td colspan="4" align="center">
<input type="button" value="Cek" onClick="sistolikdistolik()"/>
<input type="reset" value="ulang">
</td>
</tr>
</body>
</html>
Belajar Javascript || Sistolik dan Distolik

projek jenis kacamata

Project kacamata

pembelian kacamata frame, lensa dan kacamata minus

penjelasan codingnya
<html>
<head>
<title>Project kacamata</title>
</head>
<style>
.center
{
margin: auto;
width: 74%;
border: 7px solid black;
padding: 90px;
text-align: center;
background-color: red;
}
label
{
width: 80 px;
display: inline-block;
}
</style>
<body>
<center class="center">
<div>
<font color="gren" size="7">
<h5>pembelian kacamata frame, lensa dan kacamata minus</h5>
</div>
</div>
<div>
<font color="black">
<label>frame kacamata</label>
<Select id="jenis1">
<option value="">pilih</option>
<option value="Nike Yellow">Nike Yellow</option>
<option value="Clip Black ">Clip Black</option>
<option value="Sport Red">Sport Red</option>
<option value="005 TORTOIS">005 TORTOIS</option>
<option value="006 BLACK">006 BLACK</option>
</select>
</div>
<div>
<label>lensa kacamata</label>
<Select id="jenis2">
<option value="">pilih</option>
<option value="MIKA STANDAR">MIKA STANDAR</option>
<option value="ESSILOR Alize">ESSILOR Alize</option>
<option value="OMEGA EVOLIQ">OMEGA EVOLIQ</option>
<option value="Essilor UV">Essilor UV</option>
<option value="FLANO (TIDAK MINUS)">FLANO (TIDAK MINUS)</option>
</select>
</div>
<div>
<label>pembersih kacamata</label>
<Select id="jenis3">
<option value="">pilih</option>
<option value="vortex">vortex</option>
<option value="expo">expo</option>
<option value="ao">ao</option>
<option value="gj">gj</option>
<option value="lens">lens</option>
</select>
</div>
<div>
<label>jumlah</label>
<input type="number" id="kali">
</div>
<div>
<input type="button" value="jenis" onclick="jenis()"/>
<input type="button" value="tampilkan_omset_omset" onclick="tampilkan_omset()"/>
<input type="button" value="simpan_omset" onclick="simpan_omset()"/>
<input type="button" value="totalkan_omset" onclick="totalkan_omset()"/>
<input type="button" value="diskon" onclick="diskon()"/>
</div>
<div style="background-color:blue; padding:20px;">
<label>jenis</label>
<label style="background-color:cyan;" id="lbl_output"></label>

</div>
<div style="background-color:FireBrick; padding:20px; widt:10px;">
<label>diskon</label>
<label style="background-color:cyan;" id="harga_hasil_diskon"></label>
</div>
<div style="background-color:gold; padding:20px;">
<label>hasil tampilan omset dan total omset</label><br>
<label style="background-color:cyan;" id="tampil_omset"></label>
<label style="background-color:cyan;" id="tampilkan_totalkan_omset"></label>

</div>
</body>
</center>

<script type="text/javascript">

//function untuk input
function jenis()
{

//dekralasi variabel
var proses= new Array();
var input1= new Array();
var input2= new Array();
var input3= new Array();
var input4= new Array();
var frame= new Array();
var lensa= new Array();
var pembersih= new Array();
var hasil= new Array();

var indeks = 0;

//Input
input1[indeks]=document.getElementById("jenis1").value;
if(input1[indeks]=='Nike Yellow'){
frame[indeks]=255000;
}else if(input1[indeks]=='Clip Black '){
frame[indeks]=325000;
}else if(input1[indeks]=='Sport Red'){
frame[indeks]=272000;
}else if(input1[indeks]=='005 TORTOIS'){
frame[indeks]=95000;
}else if(input1[indeks]=='006 BLACK'){
frame[indeks]=175000;
}

input2[indeks]=document.getElementById("jenis2").value;
if(input2[indeks]=='MIKA STANDAR'){
lensa[indeks]=90000;
}else if(input2[indeks]=='ESSILOR Alize'){
lensa[indeks]=27500;
}else if(input2[indeks]=='OMEGA EVOLIQ'){
lensa[indeks]=175000;
}else if(input2[indeks]=='Essilor UV'){
lensa[indeks]=325000;
}else if(input2[indeks]=='FLANO (TIDAK MINUS)'){
lensa[indeks]=75000;
}

input3[indeks]=document.getElementById("jenis3").value;
if(input3[indeks]=='vortex'){
pembersih[indeks]=4000;
}else if(input3[indeks]=='expo'){
pembersih[indeks]=60000;
}else if(input3[indeks]=='ao'){
pembersih[indeks]=15000;
}else if(input3[indeks]=='gj'){
pembersih[indeks]=9500;
}else if(input3[indeks]=='lens'){
pembersih[indeks]=7500;
}

input4[indeks]=parseInt(document.getElementById('kali').value);
//proses
hasil[indeks]=frame[indeks]+lensa[indeks]+pembersih[indeks]*input4[indeks];
//output
indeks++;
document.getElementById("lbl_output").innerHTML=hasil;
}
var omset=new Array();
function simpan_omset(){
var hasil_penjualan=document.getElementById('lbl_output').innerHTML;
omset.push(hasil_penjualan);
}

function tampilkan_omset(){
var i;
var text='';
for(i=0; i<omset.length; i++){
text += omset[i] +"<br>";
}
document.getElementById('tampil_omset').innerHTML=text;
}

function totalkan_omset(){
var i;
var total=0;
for(i=0; i<omset.length; i++){
total=parseInt(total)+parseInt(omset[i]);
}
document.getElementById('tampilkan_totalkan_omset').innerHTML=total;
}

function diskon(){
var harga_awal=document.getElementById('lbl_output').innerHTML;
var hasil;
if( harga_awal <= 100000){
hasil=harga_awal;
}else if(harga_awal >=100000){
var harga_diskon=harga_awal*10/100;
hasil=harga_awal-harga_diskon;
}
document.getElementById('harga_hasil_diskon').innerHTML=hasil;
}

</script>

</html>

frame kacamata

lensa kacamata

pembersih kacamata

jumlah

jenis

diskon

hasil tampilan omset dan total omset

tagihan listrik

penjelasan codingnya
<html>
<head>
<title>Program rekening listrik</title>
<script>
function RekeningListrik()
{
var totPemakaian;
var hargaPerKwh;
var totPembayaran;
//1.input total pemakaian
totPemakaian = InputData ("txtTotalPemakaian");
//2. input harga per Kwh
hargaPerKwh = InputData("txtHarga");
//3. hitung total pembayaran
totPembayaran = TotalPembayaran (totPemakaian,hargaPerKwh);
//4. TAMPILKAN TOTAL PEMBAYARAN
OutputData (totPembayaran);
}
function TotalPembayaran(totalPemakaian,hargaPerKwh)
{
var totalPembayaran;
totalPembayaran = parseInt (totalPemakaian * hargaPerKwh);
return totalPembayaran;
}
</script>
</head>
<body>
<script>
function OutputData(keluaran)
{
document.getElementById("lblTotaltagihan").innerHTML = keluaran;
}
function InputData (namaKomponen)
{
var data;
data = document.getElementById(namaKomponen).value;
return data;
}
</script>
<div>
<div>
<label>Total Pemakaian </label>
<input type="text" id="txtTotalPemakaian"/>
</div>
<div>
<label>Harga per kwh </label>
<input type="text" id="txtHarga"/>
</div>
<div>
<label>Total tagihan </label>
<label id="lblTotaltagihan">0</label>
</div>
<div>
<input type="button" id="btnHitung" value="Hitung" onclick="RekeningListrik()"/>
</div>
</div>
</body>
</html>
Program rekening listrik

Total Pemakaian

Harga per kwh

Total tagihan 0

Kamis, 07 September 2017

pengurangan

<html>
    <head>
        <title>Pengurangan 2 Variabel</title>


            <style>
                .box {
                    width: 40%;
                    border-radius: 5px;
                    border: 1px solid #9b9b9b;
                    padding: 20px 0px 20px 0px;
                    margin-left: 30%;
                }
                .h2{
                    font-family: calibri;
                    font-weight: lighter;
                    letter-spacing: 3px;
                }
                #bil1{
                    padding: 5px;
                }

                #bil2{
                    padding: 5px;
                }
                #hasil{
                    color: #ff0b0b;
                }
            </style>
    </head>
    <body>
        <div class="box">
            <center>
                <h2 class="h2">
Aplikasi Pengurangan 2 bilangan</h2>
<div class="box1">
            <label>Bil 1</label>
            <input id="bil1" placeholder="Masukan bilangan 1" type="text" />
        </div>
<br />
        <div class="box2">
            <label>Bil 2</label>
            <input id="bil2" placeholder="Masukan bilangan 2" type="text" />
        </div>
<div class="box3">
            <label>Hasil</label>
            <label id="hasil"></label>

        </div>
<br />
<input class="btn" id="btn" onclick="jumlah()" type="button" value="Jumlah" />
            </center>
</div>
<script>
function jumlah(){

var a = document.getElementById("bil1").value;
var b = document.getElementById("bil2").value;

            document.getElementById("hasil").innerHTML = parseFloat(a) - parseFloat(b);

}
</script>
    </body>
</html>
Pengurangan 2 Variabel

Aplikasi Pengurangan 2 bilangan

Bil 1

Bil 2

Hasil

Rabu, 06 September 2017

nilai rata rata

<html>

    <head>

        <title>Penjumlahan 2 Variabel</title>

   <style>

                .box {

                    width: 40%;

                    border-radius: 5px;

                    border: 1px solid #9b9b9b;

                    padding: 20px 0px 20px 0px;

                    margin-left: 30%;

                }

                .h2{

                    font-family: calibri;

                    font-weight: lighter;

                    letter-spacing: 3px;

                }

                #bil1{

                    padding: 5px;

                }



                #bil2{

                    padding: 5px;

                }

                #hasil{

                    color: #ff0b0b;

                }

                .tbl1{

                    font-family: calibri;

                }

                .btn{

                    padding: 10px;

                    border-radius: 5px;

                    cursor: pointer;

                    border: 0px;

                    color: #fff;

                    background: #3b7fff;

                }

            </style>



        <script>

            function Hitung(dat1,dat2,dat3,dat4,dat5,dat6,dat7,dat8,dat9){

                var total,totalrat;

                total = dat1+dat2+dat3+dat4+dat5+dat6+dat7+dat8+dat9;



                totalrat = total / 9;

                return totalrat;

            }

        </script>

    </head>

    <body>

        <div class="box">

            <center>

                <h2 class="h2">

Aplikasi Rata-Rata Nilai Mahasiswa</h2>
<table class="tbl1">
<tr>

                <td><label>ALPRO</label></td>

                <td>=</td>

                <td><input id="alpro" placeholder="Masukan bilangan 1" type="text" /></td>

            </tr>
<tr>

                <td><label>Basis Data</label></td>

                <td>=</td>

                <td><input id="bd" placeholder="Masukan bilangan 1" type="text" /></td>

            </tr>
<tr>

                <td><label>Program Paket Niaga</label></td>

                <td>=</td>

                <td><input id="ppn" placeholder="Masukan bilangan 1" type="text" /></td>

            </tr>
<tr>

                <td><label>PTI</label></td>

                <td>=</td>

                <td><input id="pti" placeholder="Masukan bilangan 1" type="text" /></td>

            </tr>
<tr>

                <td><label>Matematika</label></td>

                <td>=</td>

                <td><input id="mtk" placeholder="Masukan bilangan 1" type="text" /></td>

            </tr>
<tr>

                <td><label>Bahasa Inggris</label></td>

                <td>=</td>

                <td><input id="bing" placeholder="Masukan bilangan 1" type="text" /></td>

            </tr>
<tr>

                <td><label>Rata-Rata</label></td>

                <td>=</td>

                <td><label id="rata_rata"></label></td>

            </tr>
</table>
<br />

<input class="btn" id="btn" onclick="Ratarata()" type="button" value="Rata-Rata" />

            </center>
</div>
<script>

          function InputData(Bilangan){

            var data;

              data = parseFloat(document.getElementById(Bilangan).value);

            return data;

          }



          function Output(data){

              document.getElementById("rata_rata").innerHTML = data;

          }



          function Ratarata(){

            //Deklarasi Variable

            var dat1,dat2,dat3,dat4,dat5,dat6,ratarata;

            //Input

            dat1 = InputData("Algoritma Pemrograman");

            dat2 = InputData("Basis Data");

            dat3 = InputData("Paket Program Niaga");

            dat4 = InputData("Pengantar Teknologi Informasi");

            dat5 = InputData("matematika");

            dat6 = InputData("bahasa inggris");

            dat6 = InputData("Praktikum Algoritma Pemrograman");

            dat6 = InputData("Praktikum Basis Data");

            //Proses

            ratarata = Hitung(dat1,dat2,dat3,dat4,dat5,dat6);

            //OutPut

            Output(ratarata);

          }



      </script>

    </body>

</html> Penjumlahan 2 Variabel

Aplikasi Rata-Rata Nilai Mahasiswa

ALPRO	=
Basis Data	=
Program Paket Niaga	=
PTI	=
Matematika	=
Bahasa Inggris	=
Rata-Rata	=

Rabu, 30 Agustus 2017

program matematikaku

TODO supply a title

Program Matematika

<html>
    <head>
        <title>TODO supply a title</title>


    </head>
    <body>
        <h1>
Program Matematika</h5>
<div>
            <label>Bilangan 1</label>
            <input type="text" />
        </div>
<div>
            <label>Bilangan 2</label>
            <input type="text" />
        </div>
<div>
            <label>Bilangan 3</label>
            <input type="text" />
        </div>
<div>
            <label>Bilangan ganjil</label>
            <input type="text" />
        </div>
<div>
            <input type="button" value="jumlah" />
        </div>
</body>
</html>

Bilangan 1

Bilangan 2

Bilangan 3

Bilangan ganjil

Selasa, 22 Agustus 2017

perkalian html

penjelasannya:

<!DOCTYPE html>
<html>
    <head>
        <title>Perkalianhan 2 Variabel</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <style>
                .box {
                    width: 40%;
                    border-radius: 5px;
                    border: 1px solid #9b9b9b;
                    padding: 20px 0px 20px 0px;
                    margin-left: 30%;
                }
                .h2{
                    font-family: calibri;
                    font-weight: lighter;
                    letter-spacing: 3px;
                }
                #bil1{
                    padding: 5px;
                }

                #bil2{
                    padding: 5px;
                }
                #hasil{
                    color: #ff0b0b;
                }
            </style>
    </head>
    <body>
        <div class="box">
            <center>
                <h2 class="h2">perkaliahan 2 bilangan</h2>
        <div class="box1">
            <label>Bil 1</label>
            <input type="text" id="bil1" placeholder="Masukan bilangan 1">
        </div>
                <br>
        <div class="box2">
            <label>Bil 2</label>
            <input type="text" id="bil2" placeholder="Masukan bilangan 2">
        </div>
        <div class="box3">
            <label>Hasil</label>
            <label id="hasil"></label>

        </div>
<br>
<input type="button" id="btn" value="perkalian" class="btn" onClick="kali()">
            </center>
        </div>
<script>
function kali(){

var a = document.getElementById("bil1").value;
var b = document.getElementById("bil2").value;

            document.getElementById("hasil").innerHTML = parseFloat(a) * parseFloat(b);

}
</script>
    </body>
</html>
Perkalianhan 2 Variabel

Aplikasi perkaliahan 2 bilangan