js

Objek JavaScript

Selamat pagi guys, dala tutorial hari ini topik kita adalah mengenai tentang latihan obyek javascript. Obyek yang akan kita bahas saat ini adalah obyek string. Apakah Anda sudah tahu arti dari obyek string…?. String adalah suatu objek yang merupakan sekumpulan dari elemen karakter – karakter. Length adalah property yang sering digunakan dalam objek string yang digunakan Untuk mengetahui banyaknya karakter dalam suatu string

Berikut ini adalah beberapa contoh kode obyek string diantaranya adalah :

<html>
<body bgcolor="lightblue">
<H3>Latihan Objek String</H3>
<script laguage="Javascript">
nama ="Shafana Vevica";
panjang=nama.length;
n=nama.substring(1,4);
besar=nama.toUpperCase()
namakulink=nama.link('shafa.html');
document.writeln('Namaku adalah = '+ nama +'<BR>');
document.writeln('Panjang namaku adalah '+ panjang + ' karakter <BR>');
document.writeln('method BIG = '+ nama.big() +'<BR>');
document.writeln('method SMALL = '+ nama.small() +'<BR>');
document.writeln('method SUB = '+ nama.sub() +'<BR>');
document.writeln('method SUP = '+ nama.sup() +'<BR>');
document.writeln('method BOLD = '+ nama.bold() +'<BR>');
document.writeln('method ITALIC = '+ nama.italics() +'<BR>');
document.writeln('method FONTCOLOR = '+ nama.fontcolor('red') +'<BR>');
document.writeln('method LOWERCASE = '+nama.toLowerCase()  +'<BR>');
document.writeln('method UPPERCASE = '+ besar +'<BR>');
document.writeln('method SUBSTRING = '+ n +'<BR>');
document.writeln('method STRIKE = '+ nama.strike() +'<BR>');
document.writeln('method CharAT = '+ nama.charAt(3) +'<BR>');
document.writeln('method Link = '+ namakulink +'<BR>');
document.writeln('Index Huruf c = '+ nama.indexOf("c") +'<BR>');
awal=nama.indexOf('V');
akhir=nama.length;
document.writeln('Kata Yang Tersisa = '+ nama.substring(awal,akhir) +'<br>');
</script>
</body>
</html>

Kode – kode diatas akan terlihat di browser seperti pada gambar di bawah ini.

1

 

Dan ada pula  kode untuk membuat sebuah obyek dokumen, Obyek ini digunakan untuk mengakses informasi mengenai dokumen HTML, tampilan output dan memanipulasinya kode tersebut adalah sebagai berikut,

<html>
<head><title> latihan obyek dokumen</title>
</head>
<body>
<H3>Latihan Objek Document</H3><hr>
Dengan perintah ini maka teks dalam dokumen ini akan berwarna putih<BR>
<script language="Javascript">
nama="irawan";
document.bgColor="blue";
document.fgColor="white";
document.title="Belajar objek Document";
document.linkColor="red";
document.vlinkColor="green";
document.alinkColor="white";
namakulink=nama.link('ir.html');
document.writeln('Warna Link  = '+ namakulink +'<BR>');
</script>
</body>
</html>

Berikut ini adalah tampilan dari kode tersebut di web browser:

2

Penutup

Jika ada mengeklik link yang berwarna merah maka anda akan masuk ke jendela baru di web browser. Itulah sedikit penjelasan tentang obyek javascript, semoga sedikit penjelasan di atas bermafaat bagi anda semuanya. Sampai jumpa di tutorial berikutnya, selamat mencobanya.

Leave a Reply