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 bawaanseperti obyek date, math dan string dalam javascript.
c.       Agar mahasiswa mampu membuat program denganmenggunakan obyek date, math dan string dalam javascript.
B.   PEMBAHASAN
Date ,menyediakan suatu objek date yang mana menangani informasi date dan time. Objekdate membutuhkan suatu instance dari objek Date yang berkaitan dengan pemakaianmetode-metodenya. Instance dapat berupa suatuobjek 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 AkakomYogyakarta”;

document.write(“PanjangTulisan : “+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 dari0) : “+kampus.charAt(6)+”
“);

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

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

     +”
“);

   //–>

  

Pembahasan program:
©        menandakan bahwakode yang terdapat didalamnya adalah kode HTML sehingga browser akanmenerjemahkan 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 AkakomYogyakarta”; merupakan deklarasi/ isi dari variabel kampus yaitu Stmik Akakom Yogyakarta.

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

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

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

©     document.write(“Mengecil :”+kampus.small()+”
“);
digunakan untuk menampilkansuatu tulisan dihalaman web yaitu Mengecil : StmikAkakomYogyakarta.kampus.small digunakan untukmembuat tulisan isi dari variabel kampus yaitu Stmik Akakom Yogyakartamengecil.

©       document.write(“Huruf Miring :”+kampus.italics()+”
“);
digunakan untuk menampilkansuatu tulisan dihalaman web yaitu Huruf Miring : Stmik Akakom Yogyakarta.kampus.italics digunakan untukmembuat tulisan isi dari variabel kampus yaitu Stmik Akakom Yogyakarta menjadimiring.

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

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

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

©       document.write(“Huruf Tercoret :”+kampus.strike()+”
“);
digunakan untuk menampilkansuatu tulisan dihalaman web yaitu Huruf Tercoret : : Stmik Akakom Yogyakarta.kampus.strike digunakan untukmembuat tulisan isi dari variabel kampus yaitu Stmik Akakom Yogyakarta menjadihuruf tercoret.

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

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

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

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

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

©     
digunakanuntuk ganti baris / pindah baris.

©        merupakan kode untuk mengakhiri javascript.

Hasiloutput :
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 bahwakode yang terdapat didalamnya adalah kode HTML sehingga browser akanmenerjemahkan 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 = newDate()merupakan deklarasi dari variabel d yaitu newDate atau konversi Tanggal.

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

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

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

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

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

©       document.write(d.getFullYear());digunakan untuk menampilkantahun.

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

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

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

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

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

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

©        merupakan kodeuntuk 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 antara0-10 = “+Math.floor(Math.random() * 10));

      //–>

     

  
Pembahasan program:
©        menandakan bahwakode yang terdapat didalamnya adalah kode HTML sehingga browser akanmenerjemahkan 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; merupakandeklarasi dari variabel a yaitu 5.25

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

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

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

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

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

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

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

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

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

©       document.write(“Luas Lingk dgn jari2 :”+a+” = “+(Math.PI*Math.pow(a,2))+”
“);
digunakan untuk menampilkansuatu 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 antara0-10 = “+Math.floor(Math.random() * 10)); digunakan untuk menampilkansuatu tulisan dihalaman web yaitu Hasil Random antara 0-10 =3.Math.floor(Math.random()*10) artinya mengembalikan nilai yang dibulatkan kebawahkemudian mengembalikan nomor acak antara 0 dan 1 lalu dikalikan dengan 10hasilnya 3.

©     
digunakanuntuk ganti baris / pindah baris.

©        merupakan kode untuk mengakhiri javascript.

Hasiloutput :
Latihan:

<!–

varkampus = “STMIK AKAKOM YOGYAKARTA”;

varhasil=””;

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

hasil=kampus.charAt(i);

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

//–>

Pembahasan program:
©        menandakan bahwakode yang terdapat didalamnya adalah kode HTML sehingga browser akanmenerjemahkan 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 AKAKOMYOGYAKARTA”;merupakan deklarasivariabel 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 denganmenghitung karakter panjang dari variabel kampus yaitu STMIK AKAKOM YOGYAKARTAdimana i lebih besar dari 0 dan hasil dari i dikurangi 1.

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

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

©        merupakan kodeuntuk mengakhiri javascript.

Hasiloutput :
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 tentangDate. String dan Math maka kita dapat mengenal macam – macam obyek – obyekbawaan seperti obyek date, math dan string dalam javascript ,kita dapat memanfaatkanobyek – obyek bawaan dalam javascript dan kita juga mampu membuat programdengan 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