Java Script (Pengulangan & Fungsi)

September 11, 2019

Java Script (Pengulangan & Fungsi)

PRAKTIKUM 15

Nama : M.Fadlul Hafiizh

Kelas : XI-RPL 2

Assalamualaikum rekan-rekan, pada kaliini kita akan mempelajari suatu pemrograman yang disebut dengan pengulangan & fungsi dalam java script. Sebelumnya kalian udah tau belom nihhh tentang sistem pengulangan ini? buat kalian yang belum paham jadi gini penjelasannya :

1.) Pengulangan
Merupakan sebuah struktur pemrograman yang memungkinkan untuk menjalanan program yang sama beberapa kali dengan menggunakan suatu kondisi tertentu. ada 3 bentuk perulangan yaitu :

For
while
do-while

For merupakan bentuk perulangan yang memerlukan pernyataan inisialisasi dan peubah. Inisialisasi ini digunakan sebagai bagian penentu dan variabel yang digunakan berfungsi untuk mengendalikan jumlah perulangan yang akan dilakukan.

While hanya perlu mengisi suatu kondisi & program yang akan dijalankan apabila kondisi tersebut terpenuhi.

Do-While kebalikan dari while dimana kita memberi programnya terlabih dahulu baru kita memeberikan kondisinya.

2.) Fungsi
Merupakan merupakan suatu mekanisme yang digunakan untuk mengelompokkan program dalam menyelesaikan suatu kasus, proses atau rumus aritmatika tertentu. Fungsi dalam proses pemanggilannya (eksekusi) ada yang membutuhkan data tertentu agar dapat berjalan. Data tertentu yang perlu diberikan saat pemanggilan fungsi ini dikenal dengan nama parameter. Setiap fungsi dapat tidak memiliki atau memiliki lebih dari satu parameter. Fungsi dalam java script dibedakan menjadi 2 jenis yaitu Fungsi Yang Memiliki Nilai Balik & Yang Tidak Memiliki Nilai Balik. Nilai balik adalah nilai hasil operasi yang dijalankan didalam fungsi diberikan ke bagian program lainnya untuk diproses lebih lanjut. Nilai balik dalam javascript dinyatakan dengan menggunakan kata kunci return.

Baik, berikut contoh-contoh yang dapat kalian amati kodingannya sebagai bahan pembelajaran
Semoga Bermanfaat......

For 1

<!DOCTYPE html>
<html>
<head>
 <title>For In M.Fadlul Hafiizh XI-RPL 2</title>
</head>
<body>
 <script language="javascript">
  var person = {fname:"Darren", lname:"shadiq", age:15};
  var text = "Darren";
  var x;
  for (x in person){
   text+=person[x];
  }
  while (x<5);
 </script>
</body>
</html>

Karena dari contoh yang saya dapatkan tidak memilki output maka tidak ada yang muncul ketika file html tersebut dibuka.

For 2

<!DOCTYPE html>
<html>
<head>
 <title>Perulangan FOR M.Fadlul Hafiizh XI-RPL 2</title>
</head>
<body>
 <script language="javascript">
  for(x=1; x<=5; x++){
   document.writeln("Inilah Perulangan for<br>");
  }
 </script>

</body>
</html>

Hasilnya :

While 1

<!DOCTYPE html>
<html>
<head>
 <title>Perulangan While M.Fadlul Hafiizh XI-RPL 2</title>
</head>
<body>
 <script language="javascript">
  var x = 0;
  while(x<5){
   document.writeln("Ini adalah Perulangan while<br>");
   x++;
  }
 </script>
</body>
</html>

Hasilnya :

Do-While

<!DOCTYPE html>
<html>
<head>
 <title>Perulangan Do-While M.Fadlul Hafiizh XI-RPL 2</title>
</head>
<body>
 <script language="javascript">
  var x = 0;
  do{
   document.writeln("Ini adalah Perulangan Do-While<br>");
   x++;
  }
  while(x<4);
 </script>
</body>
</html>

Hasilnya :

Buat Pengulangan

<!DOCTYPE html>
<html>
<head>
 <title>Buat Pengulangan M.Fadlul Hafiizh XI-RPL 2</title>
 <link rel="stylesheet" type="text/css" href="BuatIf.css">
</head>
<body>
 <p id="demo">
<script language="javascript" type="text/javascript">
   for(var i = 0; i < 3; i++){
    document.writeln("Hallo javascript 1<br>");
   }

   var j = 0;
   while(j < 3){
    document.writeln("Hallo javascript 2<br>");
    j += 1;
   }

   var k = 0;
   do{
    document.write("Hallo javascript 3<br>");
    k++;
   }
   while(k<3);

  </script>
 </p>
</body>
</html>

Hasilnya :

Buat Fungsi

<!DOCTYPE html>
<html>
<head>
 <title>Buat Fungsi M.Fadlul Hafiizh XI-RPL 2</title>
 <link rel="stylesheet" type="text/css" href="">
</head>
<body>
 <p id="coba">
<script type="text/javascript" language="javascript">
   function HitungLuasAlas (p, l){
    var luas = p*1;
    return luas;
   }
   function HitugVolume(la, t){
    var vol = la*t/2;
    return vol;
   }
   var panjang = 5;
   var lebar = 3;
   var tinggi = 4;
   var LuasAlas = HitungLuasAlas (panjang, lebar);
   var volume = HitugVolume(LuasAlas, tinggi);
   alert("Ini adalah luas alas ==>"+LuasAlas);
   alert("Ini adalah volume ==>"+volume);
  </script>
 </p>
</body>
</html>

Hasilnya :

Buat Fungsi Tanpa Return

<!DOCTYPE html>
<html>
<head>
 <title>Buat Fungsi M.Fadlul Hafiizh XI-RPL 2</title>
</head>
<body>
 <p id="coba">
<script type="text/javascript" language="javascript">
   function sapa (nama){
    alert("Hallo, namaku "+nama);
   }
   sapa("bintang");

   function SayHello(){
    alert("Hallo, saya Bulan");
   }
   SayHello();
  </script>
 </p>
</body>
</html>

Hasilnya :

Buat Fungsi CharAt

<!DOCTYPE html>
<html>
<head>
 <title>Buat Fungsi M.Fadlul Hafiizh XI-RPL 2</title>
 <link rel="stylesheet" type="text/css" href="BuatIf.css">
</head>
<body>
 <p class="variasi">
<script type="text/javascript" language="javascript">
  var nama = "Amelia";
  var PosisiKarakter = 2;
  var k = nama.charAt(PosisiKarakter);
  document.write("Karakter pada urutan ke-2, dari kata Amelia, Adalah "+k+" (dimulai dari 0)");
 </script>
</p>
</body>
</html>

Hasilnya :

Buat Fungsi Index

<!DOCTYPE html>
<html>
<head>
 <title>Buat Fungsi M.Fadlul Hafiizh XI-RPL 2</title>
 <link rel="stylesheet" type="text/css" href="BuatIf.css">
</head>
<body>
 <p id="var">
<script type="text/javascript" language="javascript">
   var nama = "SMK Negeri 4 Bandung";
   var dimanaKata = nama.indexOf("Bandung"); //dimana kata akan bernilai 13
   document.write("Dari fungsi ini, Bandung ada di urutan ke " +dimanaKata+ " Dari kalimat SMK Negeri 4 Bandung");
  </script>
 </p>
</body>
</html>

Hasilnya :

CSS-Nya :

p.variasi{
 text-shadow: 2px 2px 2px green;
 color: grey;
 font-size: 28px;
}
p#var{
 color: red;
 text-shadow: 2px 1px 2px orange;
 font-size: 35px;
 font-family: Lucida Handwriting Italic;
}
#demo{
 color: purple;
 text-shadow: 2px 2px 2px magenta;
 font-size: 20px;
 font-family: freestyle script regular;
}
#nilai{
 background: red;
}

Terimakasih banyak buat kalian yang sudah mengunjungi blog ini, mohon maaf atas segala kekurangannya...

Cari Blog Ini

Tutor Gesit

Java Script (Pengulangan & Fungsi)

Komentar

Posting Komentar

Postingan Populer

CRUD(Create, read, update, delete) data dalam relasi 2 tabel

If, If/Else, Else, Switch/Case On java script