MODUL III, WEB 2

JAVASCRIPT : DATE, STRING, MATH
A.   TUJUAN
a.      Agar mahasiswa mampu mengenal macam – macam obyek – obyek bawaan seperti obyek date, math dan string dalam javascript.
b.      Agar mahasiswa mampu memanfaatkan obyek – obyek bawaan seperti obyek date, math dan string dalam javascript.
c.       Agar mahasiswa mampu membuat program dengan menggunakan obyek date, math dan string dalam javascript.
B.   PEMBAHASAN
Date , menyediakan suatu objek date yang mana menangani informasi date dan time. Objek date membutuhkan suatu instance dari objek Date yang berkaitan dengan pemakaian metode-metodenya. Instance dapat berupa suatu objek baru atau properti dari objek yang ada.
String , menyediakan deretan sembarang karakter. Javascript mendukung objek string yang dilengkapi dengan sejumlah metode.
Math objek memungkinkan untuk melakukan tugas matematika.
Pembahasan praktikum :
Coba.php
  

   <!–

     //manipulasi string

     var kampus = “Stmik Akakom Yogyakarta”;

document.write(“Panjang Tulisan : “+kampus.length+”digit
“);

     document.write(“Tulisan  : “+kampus+”
“);

     document.write(“Membesar : “+kampus.big()+”
“);

     document.write(“Mengecil : “+kampus.small()+”
“);

     document.write(“Huruf Miring : “+kampus.italics()+”
“);

     document.write(“Huruf Besar : “+kampus.toUpperCase()+”
“);

     document.write(“Huruf Kecil : “+kampus.toLowerCase()+”
“);

     document.write(“Huruf Tebal : “+kampus.bold()+”
“);

     document.write(“Huruf Tercoret : “+kampus.strike()+”
“);

     document.write(“Link : “+kampus.link(‘http://www.akakom.ac.id&#8217;)

     +”
“);

     document.write(“Warna : “+kampus.fontcolor(‘red’)+”
“);

     document.write(“Huruf Ke 6(mulai dari 0) : “+kampus.charAt(6)+”
“);

     document.write(“Index Huruf o : “+kampus.indexOf(‘o’)+”
“);

     document.write(“Mulai karakter ke 6 sebanyak 3 : “+kampus.substr(6,3)

     +”
“);

   //–>

  

Pembahasan program:
©        menandakan bahwa kode yang terdapat didalamnya adalah kode HTML sehingga browser akan menerjemahkan sebagai dokumen HTML. Bagian yang terdapat dalam dan umumnya terbagi atas kepala dan badan.
©        merupakan bagian badan dalam dokumen HTML.
©        merupakan kode untuk mengawali javascript.

©      var kampus = “Stmik Akakom Yogyakarta”; merupakan deklarasi / isi dari variabel kampus yaitu Stmik Akakom Yogyakarta.

©     document.write(“Panjang Tulisan : “+kampus.length+”digit
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Panjang Tulisan : 23.kampus.length digunakan untuk menghitung panjang karakter dari variabel kampus yaitu dari Stmik Akakom Yogyakarta yaitu ada 23.

©     document.write(“Tulisan  : “+kampus+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Tulisan : isi dari variabel kampus yaitu Stmik Akakom Yogyakarta.

©     document.write(“Membesar : “+kampus.big()+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Membesar : Stmik Akakom Yogyakarta. kampus.bigdigunakan untuk memperbesar tulisan isi dari variabel kampus yaitu Stmik AkakomYogyakarta.

©      document.write(“Mengecil : “+kampus.small()+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Mengecil : Stmik AkakomYogyakarta.kampus.small digunakan untuk membuat tulisan isi dari variabel kampus yaitu Stmik Akakom Yogyakarta mengecil.

©        document.write(“Huruf Miring : “+kampus.italics()+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Huruf Miring : Stmik Akakom Yogyakarta.kampus.italics digunakan untuk membuat tulisan isi dari variabel kampus yaitu Stmik Akakom Yogyakarta menjadi miring.

©        document.write(“Huruf Besar : “+kampus.toUpperCase()+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Huruf Besar : STMIK AKAKOM YOGYAKARTA.kampus.toUppercase digunakan untuk membuat tulisan isi dari variabel kampus yaitu Stmik Akakom Yogyakarta menjadi huruf besar.

©        document.write(“Huruf Kecil : “+kampus.toLowerCase()+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Huruf Kecil : stmik akakom yogyakarta.kampus.toLowercase digunakan untuk membuat tulisan isi dari variabel kampus yaitu Stmik Akakom Yogyakarta menjadi huruf kecil.

©        document.write(“Huruf Tebal : “+kampus.bold()+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Huruf Tebal : Stmik Akakom Yogyakarta.kampus.bold digunakan untuk membuat tulisan isi dari variabel kampus yaitu Stmik Akakom Yogyakarta menjadi tebal.

©        document.write(“Huruf Tercoret : “+kampus.strike()+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Huruf Tercoret : : Stmik Akakom Yogyakarta.kampus.strike digunakan untuk membuat tulisan isi dari variabel kampus yaitu Stmik Akakom Yogyakarta menjadi huruf tercoret.

©        document.write(“Link : “+kampus.link(‘http://www.akakom.ac.id&#8217;)+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Link Stmik Akakom Yogyakarta.kampus.link digunakan untuk membuat tulisan isi dari variabel kampus yaitu Stmik Akakom Yogyakarta menjadi sebuah link.

©        document.write(“Warna : “+kampus.fontcolor(‘red’)+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Warna : Stmik Akakom Yogyakarta.kampus.fontcolor(‘red’) digunakan untuk membuat tulisan isi dari variabel kampus yaitu Stmik Akakom Yogyakarta menjadi berwarna merah.

©        document.write(“Huruf Ke 6(mulai dari 0) :”+kampus.charAt(6)+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Huruf Ke 6(mulai dari 0) : A. kampus.chartAt(6) digunakan untuk menampilkan huruf ke 6 yang dimulai dari 0 pada tulisan Stmik Akakom Yogyakarta yaitu A.

©        document.write(“Index Huruf o : “+kampus.indexOf(‘o’)+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Index Huruf o : 10.kampus.indexof(‘o’)digunakan untuk menghitung pada posisi berapa yang terdapat huruf o pada tulisan Stmik Akakom Yogyakarta yaitu pada posisi 10

©        document.write(“Mulai karakter ke 6 sebanyak 3 : “+kampus.substr(6,3)+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Mulai karakter ke 6 sebanyak 3 : Aka.kampus.substr(6,3) digunakan untuk menampilkan huruf ke 6 sebanyak 3 pada tulisan Stmik Akakom Yogyakarta yaitu Aka.

©     
digunakan untuk ganti baris / pindah baris.

©        merupakan kode untuk mengakhiri javascript.

Hasil output :
Coba1.php
  
     

      <!–

      //manipulasi Tanggal

      var d = new Date()

      document.write(“Hari Ini :”);

      document.write(d.getDate());

      document.write(“/”);

      document.write(d.getMonth() + 1);

      document.write(“/”);

      document.write(d.getFullYear());

      document.write(“Jam”);

      document.write(d.getHours());

      document.write(“:”);

      document.write(d.getMinutes());

      document.write(“:”);

      document.write(d.getSeconds());

      //–>

     

  
Pembahasan program:
©        menandakan bahwa kode yang terdapat didalamnya adalah kode HTML sehingga browser akan menerjemahkan sebagai dokumen HTML. Bagian yang terdapat dalam dan umumnya terbagi atas kepala dan badan.
©        merupakan bagian badan dalam dokumen HTML.
©        merupakan kode untuk mengawali javascript.

©        var d = new Date()merupakan deklarasi dari variabel d yaitu new Date atau konversi Tanggal.

©        document.write(“Hari Ini :”); digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Hari Ini :

©        document.write(d.getDate());digunakan untuk menampilkan tanggal yaitu antara 1 s/d 31.

©        document.write(“/”);digunakan untuk menampilkan tanda /.

©        document.write(d.getMonth() + 1); digunakan untuk menampilkan kode bulan dengan nilai antara 0 s/d 11 ditambah 1, jadi 1 s/d 12. 1 berarti Januari dst.

©        document.write(“/”);digunakan untuk menampilkan tanda /

©        document.write(d.getFullYear());digunakan untuk menampilkan tahun.

©        document.write(“Jam”); digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Jam :

©        document.write(d.getHours());digunakan untuk menampilkan bagian jam.

©        document.write(“:”);digunakan untuk menampilkan tanda :

©        document.write(d.getMinutes());digunakan untuk menampilkan bagian menit

©        document.write(“:”);digunakan untuk menampilkan tanda :

©        document.write(d.getSeconds());digunakan untuk menampilkan bagian detik

©        merupakan kode untuk mengakhiri javascript.

Hasil output:
Coba2.php
  
     

      <!–

      //manipulasi Matematika

      var a =5.25;

      var b =16, c=3, d=-7;

      document.write(“Akar dari “+b+” = “+Math.sqrt(b)+”
“);

      document.write(b+”pangkat “+c+” = “+Math.pow(b,c)+”
“);

      document.write(“Absolut dari “+d+” =”+Math.abs(d)+”
“);

      document.write(“Terbesar dari “+a+”,”+b+”,”+c+” = “+Math.max(a,b,c)+”
“);

      document.write(“Terkecil dari “+a+” dan “+c+” = “+Math.min(a,c)+”
“);

      document.write(“Floor dari “+a+” = “+Math.floor(a)+”
“);

      document.write(“Ceil dari “+a+” = “+Math.ceil(a)+”
“);

      document.write(“Pembulatan dari “+a+” = “+Math.round(a)+”
“);

      document.write(“Luas Lingk dgn jari2 : “+a+” = “+(Math.PI*Math.pow(a,2))+”
“);

      document.write(“Hasil Random antara 0-10 = “+Math.floor(Math.random() * 10));

      //–>

     

  
Pembahasan program:
©        menandakan bahwa kode yang terdapat didalamnya adalah kode HTML sehingga browser akan menerjemahkan sebagai dokumen HTML. Bagian yang terdapat dalam dan umumnya terbagi atas kepala dan badan.
©        merupakan bagian badan dalam dokumen HTML.
©        merupakan kode untuk mengawali javascript.

©        var a =5.25; merupakan deklarasi dari variabel a yaitu 5.25

©        var b =16, c=3, d=-7; merupakan deklarasi dari variabel b yaitu 16, variabel c yaitu 3 dan variabel d yaitu -7

©        document.write(“Akar dari “+b+” = “+Math.sqrt(b)+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Akar dari 16 = 4. Math.sqrt(b) digunakan untuk mengembalikan akar kuadrat dari variabel b yaitu 16 =4.

©        document.write(b+”pangkat “+c+” = “+Math.pow(b,c)+”
“);
digunakan untuk menampilkan 16 pangkat 3 = 4096.Math.pow(b,c) digunakan untuk mengembalikan nilai dari variable b yaitu 16 kepada kekuatan dari nilai variable c yaitu 3 artinya 16 x 16 x 16 =4096

©        document.write(“Absolut dari “+d+” =”+Math.abs(d)+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Absolut dari -7 = 7.Math.abs(d) artinya mengembalikan nilai absolut dari variabel d yaitu -7 = 7

©        document.write(“Terbesar dari “+a+”,”+b+”,”+c+” = “+Math.max(a,b,c)+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Terbesar dari 5.25,16,3 = 16.Math.max(a,b,c) artinya mengembalikan nomor dari nilai tertinggi antara nilai dari variabel a yaitu 5.25 variabel b yaitu 16 dan variabel c yaitu 3, maka nilai yang tertinggi adalah 16.

©        document.write(“Terkecil dari “+a+” dan “+c+” = “+Math.min(a,c)+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Terkecil dari 5.25 dan 3 = 3.Math.min(a,c) artinya mengembalikan nomor dengan nilai terendah antara nilai variabel a yaitu 5.25 dan variabel c yaitu 3 maka nilai yang terendah yaitu 3.

©        document.write(“Floor dari “+a+” = “+Math.floor(a)+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Floor dari 5.25 = 5.Math.floor(a) artinya pengembalian nilai variabel a yaitu 5.25, dibulatkan kebawah ke integer terdekat, maka hasilnya 5.

©        document.write(“Ceil dari “+a+” = “+Math.ceil(a)+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Ceil dari 5.25 = 6.Math.ceil(a) artinya integer paling dekat dengan nilai variabel a yaitu 5.25 dan tidak kurang dari satu / dibulatkan keatas, hasilnya 6.

©        document.write(“Pembulatan dari “+a+” = “+Math.round(a)+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Pembulatan dari 5.25 = 5.Math.round(a) artinya mengembalikan nilai variabel a yaitu 5.25 kebilangan bulat terdekat yaitu 5.

©        document.write(“Luas Lingk dgn jari2 : “+a+” = “+(Math.PI*Math.pow(a,2))+”
“);
digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Luas Lingk dg jari2 : 5.25 = 86.59014751456867.(Math.PI*Math.pow(a,2)) artinya 3.14 *5.25 pangkat 2=86.59014751456867.

©        document.write(“Hasil Random antara 0-10 = “+Math.floor(Math.random() * 10)); digunakan untuk menampilkan suatu tulisan dihalaman web yaitu Hasil Random antara 0-10 =3.Math.floor(Math.random()*10) artinya mengembalikan nilai yang dibulatkan kebawah kemudian mengembalikan nomor acak antara 0 dan 1 lalu dikalikan dengan 10 hasilnya 3.

©     
digunakan untuk ganti baris / pindah baris.

©        merupakan kode untuk mengakhiri javascript.

Hasil output :
Latihan :

<!–

var kampus = “STMIK AKAKOM YOGYAKARTA”;

var hasil=””;

for(var i=kampus.length;i>=0;i–){

hasil=kampus.charAt(i);

document.write(hasil.toUpperCase(i));}

//–>

Pembahasan program:
©        menandakan bahwa kode yang terdapat didalamnya adalah kode HTML sehingga browser akan menerjemahkan sebagai dokumen HTML. Bagian yang terdapat dalam dan umumnya terbagi atas kepala dan badan.
©        merupakan bagian badan dalam dokumen HTML.
©        merupakan kode untuk mengawali javascript.

©      var kampus = “STMIK AKAKOM YOGYAKARTA”;merupakan deklarasi variabel kampus yang isinya STMIK AKAKOM YOGYAKARTA.

©      var hasil=””;merupakan deklarasi variabel hasil.

©      for(var i=kampus.length;i>=0;i–)merupakan perintah perulangan dari variabel i dengan menghitung karakter panjang dari variabel kampus yaitu STMIK AKAKOM YOGYAKARTA dimana i lebih besar dari 0 dan hasil dari i dikurangi 1.

©       hasil=kampus.charAt(i);merupakan deklarasi variabel hasil dimana isi dari variabel kampus yaitu STMIK AKAKOM YOGYAKARTA akan mengembalikan string yang berisi karakter pada posisi indeks dari variabel i

©       document.write(hasil.toUpperCase(i));digunakan untuk menampilkan isi dari variabel hasil dari variabel i kemudian akan mengubah huruf menjadi huruf besar.

©        merupakan kode untuk mengakhiri javascript.

Hasil output :
C.    TUGAS
1.  Menghitung sisi miring segitiga

<!–

var tinggi= parseInt(prompt(“Masukan Nilai Tinggi : “,’0′));

var alas = parseInt(prompt(“Masukan Nilai Alas : “,’0′));

var miring=””;

tinggi=Math.pow(tinggi,2);

alas=Math.pow(alas,2);

var jumlah=alas+tinggi;

miring=Math.sqrt(jumlah);

document.write(“Hasil Sisi Miring Segitiga : “+miring);

//–>

Hasil output :
D.   KESIMPULAN
Setelah kita melaksanakan praktikum modul 3 tentang Date. String dan Math maka kita dapat mengenal macam – macam obyek – obyek bawaan seperti obyek date, math dan string dalam javascript ,kita dapat memanfaatkan obyek – obyek bawaan dalam javascript dan kita juga mampu membuat program dengan menggunakan obyek date, math dan string dalam javascript.
E.    LISTING [terlampir]
Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s