Belajar JavaScript --> PENJUMLAHAN 2 BILANGAN

-
Percobaan 3
(penjumlahan)


<html>
 <head>
  <title> Program Aritmatika </title>
  <script>
   function getjumlah ()
   {
    //deklarasi variable
    var hasil;
    var input1;
    var input2;
    //input
    input1 = parseInt(document .
    getElementById("txtinput1").
    value);
  
    input2 = parseInt(document .
    getElementById("txtinput2").
    value);
    //proses
    hasil = input1 + input2;
    //output
    document.getElementById("txthasil") .value = hasil;
   }
  </script>
 </head>
 <body>
  <div>
   <div>
    <label> input 1 </label>
    <input type="text" id="txtinput1"/>
   </div>
   <div>
    <label> input 2 </label>
    <input type="text" id="txtinput2"/>
   </div>
   <div>
    <label> Hasil </label>
    <input type="text" id="txthasil"/>
   </div>
   <div>
    <input type="button" value="jumlah" onclick="getjumlah()"/>
   </div>
  </div>
 </body>

hasilnya akan tampak seperti :


nb: jika dimasukkan angka pada output 1 dan 2 , lalu klik tombol jumlah maka akan menjumlah dengan sendirinya

Komentar

Posting Komentar

Postingan populer dari blog ini

STRUKTUR DATA - (Sequential Search dan Binary Search)

-
Gambar
Assalamualaikum Wr.Wb Hai teman teman kali ini saya akan membahas apa itu Searching dan macam macam searching Searching adalah pencarian data dengan cara menelusuri data-data tersebut. Tempat pencarian data dapat berupa array dalam memori(pencarian internal), bisa juga pada file pada external storage(pencarian external). Ada dua macam teknik pencarian yaitu Sequential Search dan Binary Search. Perbedaan dari dua teknik ini terletak pada keadaan data. Pencarian sekuensial digunakan apabila data dalam keadaan acak atau tidak terurut (contoh: sequential search). pencarian biner digunakan pada data yang sudah dalam keadaan urut (contoh: Binary serach dan interpolation search). Keuntungan dan Kerugian Sequential Search + jika data terletak didepan maka waktu yang dibutuhkan minimal - jika data yang di butuhkan besar maka waktu yang dibutuhkan maksimal Contoh Binary Search + jika data terletak ditengah - Jika data tidak ada S equential Search   A
Baca selengkapnya

Belajar JavaScript --> Menghitung Rata-Rata Nilai

-
Gambar
hai guys! kali ini kita akan belajar membuat nilai rata- rata dengan menggunakan html dan ini adalah contoh dari script nya : <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%;                 }                 .h2{                     font-family: calibri;                     font-weight: lighter;                     letter-spacing: 3px;                 }                 #bil1{                     padding: 5px;                 }                             #bil2{                     padding: 5px;                 }        
Baca selengkapnya

STRUKTUR DATA - Tree

-
Gambar
Assalamualaikum Wr.Wb Hay kawan kawan kali ini saya akan membahas tentang Tree kira kira apa ya itu?. Yaudah kita bahas yuk!! Tree merupakan salah satu bentuk struktur data tidak linear yang menggambarkan hubungan yang bersifat hirarkis (hubungan one to many) antara elemen-elemen. Tree bisa didefinisikan sebagai kumpulan simpul/node contoh tree       Tree ada 2 1.       Tree Statik Isi node nodenya tetap karena bentuk pohonnya sudah di tentukan 2.       Tree Dinamik Isi nodenya berubah ubah karena proses penambahan dan penghapusan Contoh penggunaan Tree dengan struktur pohon biasanya ada di: -           Silsilah Keluarga -           Parse Tree(pada Kompiler) -           Struktur file -           Pertandingan TREE Keterangan -           Node root = Sebuah node khusus yang tercipta pertama kalinya / suatu node yang memliki                          hirkaki tertinggi dan dapat juga memiliki node node
Baca selengkapnya