Postingan

JavaScript #6

Gambar
membuat contoh Program Rekening Listrik dengan koding sbb: <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...

JavaScript #5

Gambar
Penjumlahan 2 bilangan dengan Function,  koding sbb : <html>     <head>         <script>             function Penjumlahan(bil1,bil2)             { var hasil; hasil = bil1 + bil2; return hasil;             } </script>     </head>     <body>          <div class="box">             <center>                 <h2 class="h2">Aplikasi Penjumlahan 2 bilangan</h2>         <div class="box1">             <label>Bil 1</label>             <input type="text" id="bil1" placeholder="Masukan bilangan 1">         </div>          ...

JavaScript #4

Gambar
Kita lanjut ke Penjumlahan 2 Bilangan dengan koding sebagai berikut: <html>     <head>         <title>Penjumlahan 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%;              ...

JavaScript #1

Gambar
Percobaan membuat tabel, misal saya akan membuat contoh  bilangan 1 dan bilangan 2 dan proses dengan menggunakan aplikasi netbeans. Dengan koding seperti berikut: <html>  <head>    <script>        alert("ASSALAMUALAIKUM")    </script>  </head>  <body>   <div>    <label>Bilangan 1</label>    <input type="text" />   </div> <div>    <label>Bilangan 2</label>    <input type="text" />   </div> <div>    <label>PROSES</label>    <input type="text" />   </div> </body> </html> Setelah itu kita akan melihat hasil seperti di bawah ini : Bilangan 1 Bilangan 2 PROSES

JavaScript #2

Gambar
Untuk selanjutnya kita mencoba kembali hingga bilangan 3. Lalu saya tambahkan label box "jumlah" Dengan langkah sebagai berikut : <html>     <head>         <title>HERNANDA PRATISKAWATI</title>                 </head>     <body>         <h1> PERCOBAAN</h1> <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" /> ...

JavaScript #3

Gambar
Nah.. percobaan selanjutnya saya akan membuat tabel dan memberi warna pada tabel "FORM MABA" yang berisi data mahasiswa. Dengan koding sbb: <head>         <title>HERNANDA PRATISKAWATI</title>                     <style>             .tengah {                 margin: auto;                 width: 50%;                 border: 3px solid brown;                 padding: 10px;                 text-align: center;             }         </style>     </head>     <body>         <div class="tengah">         <h1> FORM MABA...