Sunday

44
Belajar JavaScript Bagian 1

Do you want to share?

Do you like this story?

Belajar Javascript
Pada bagian ini kita akan belajar untuk membuat program dengan menggunakan JavaScript. Objek document mempunyai dua metode untuk menuliskan teks, yaitu write dan writeln. Metode write digunakan untuk menuliskan teks tanpa ganti baris, sedangkan writeln digunakan untuk menuliskan teks dengan ganti baris.


Contoh 1:

<html>
<head><title>Belajar JavaScript Bagian 1</title></head>
<body>
<b>Bagian pertama ini di tulis dengan HTML!</b>
<p>
<SCRIPT language="JavaScript">
<!--
document.write ("Bagian ini di tulis dengan JavaScript!");
//-->
</SCRIPT>
<p>
<b>Bagian terakhir dari dokumen HTML, ditulis setelah script!</b>
</body>
</html>

contoh program javascript

Contoh 2:


<html>
<head><title>Belajar JavaScript Bagian 1</title></head>
<body>
<body bgcolor="#ebf185">
<SCRIPT language="JavaScript">
<!--
document.writeln("<pre>");
document.write  ("<b><font size=5>");
document.writeln("SELAMAT BELAJAR JAVASCRIPT");
document.write  ("</b></font>");
document.write  ("<i>");
document.writeln("Program ini adalah contoh sederhanan menampilkan teks");
document.write  ("</i>");
document.writeln("Dengan JavaScript........!!!");
//-->
</SCRIPT>
</body>
</html>


contoh program javascript

Berikut contoh program Javascript yang di letakan di file lain dan di panggil melalui file HTML.

Contoh 3:

Nama: file.js

document.writeln("<center>");
document.writeln("<hr width=600 color=black>");
document.writeln("<h1>INTERNET TRIK AND TUTORIAL</h1>");
document.writeln("<h2>Sharing dan berbagi ilmu di dunia Internet</h2>");
document.writeln("<h3>http://trik-tutorials.blogspot.com</h3>");
document.writeln("<hr width=600 color=black>");
document.writeln("</center>");

Nama: contoh.html

<html>
<head><title>Belajar JavaScript Bagian 1</title></head>
<body>
<b><font color="3081dc" >Ini contoh penulisan JavaScript yang diambil dari file lain..!!</font></b>
<p>
<SCRIPT language="JavaScript" SRC="file.js"></SCRIPT>
</body>
</html>

contoh program javascript

Catatan:
Untuk contoh 3 maksudnya adalah kita membuat dua file yang berbeda, dan file yang pertama di beri nama file.js dan file yang ke dua di beri nama contoh.html. dengan begitu apabila kita menjalankan file contoh.html ke dalam browser maka file.js akan secara otomatis terpanggil ke dalam file contoh.html, sehingga kedua file tersebut akan tampak seperti gambar di contoh 3.

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Trik Tutorial di inbox anda:



Comments
44 Comments

44 comments:

Konik Saputra said...

makasih atas infonya.... belajar java script ya...
kalau aku belajar java agar lebih mudah pakai netbeans

Blogais said...

wah membantu sekali nih bagi saya seorang pemula mudah-mudahan bisa menjadi tambahan ilmu yang bermanfaat bagi kita semua ya

uchu said...

mantaab soob, cara buat file.js nya gimanaa?? buat tutornya doong

Mas Download said...

wah... hebat bnget gan... baru tau nich... keren... ntar deh dicoba...

tutorial blog said...

yach saya stju dg koment yg diatas..
thanks sob...

idhanq said...

wah, ilmu baru nih. izin bookmark gan! ane pelajari ntar kalo offline

BeDa said...

Alhamdulillah, bisa belajar java script di sini.

Salam ukhuwah

wowewuck said...

manfaatnya luar bisasa sob. bagi nubi kayak aku

robby said...

Tutorial yang sangat membantu khususnya saya bLogger pemula . TQ for sharing........

Ega said...

walaupun hanya dasar-dasarnya, tp sangat membantu sekali

ADMIN said...

Pembelajaran dasar JS ya Kang.

robby said...

java script selalu menarik di bincangkan karna kemahiran seseorang dalam bidang ini sangat penting khususnya para blogger.....

noe_dj said...

keren boss..
bisa lebih detail lg g bikin tutorialnya??
kayaknya kebanyakan org bikin tutorial pada tanggung2 neh..
kurang nggigit....
maaf klo krg sopan..
cm pengin kasih saran ajah....

Mas Adi said...

Hmmm... di tunggu bos episode selanjutnya... :D

Trik_Tutorial said...

Iya Iya.. mohon maaf ya.. bingung juga saya, sekarang lagi sibuk Kul sih.. jd gak sempet deh ngurusin blog...!!! doain aja biar cepet-cepet bisa berbagi lagi dengan semunya.. plus kulnya lancar.. hahahahaaa amin amin

user said...

gan bisa langsung di download neh

http://hotfile.com/dl/77190035/8092a13/24811469-jscript.pdf.html
http://hotfile.com/dl/77188801/cec8a44/3000_Javascript.rar.html
http://www.ziddu.com/download/12152894/5041041-Tutorial-JavaScript-Indonesia.pdf.html

javascriptcode said...

Tutorialnya ok, jadi makin faham javascript ... trimakasih

Agus said...

Untuk pemula yang mau belajar javascript. kebetulan saya ada tutorial membuat aplikasi web sederhana untuk menghitung luas persegi panjang dengan html dan javascript.
untuk melihatnya silahkan berkunjung ke
http://agusharyanto.net/wordpress/?p=363
selain tutorial javascript kebetulan saya juga menulis beberapa tutorial android

Unknown said...

bagus sob, bisa improve blog nih kalau uda bisa . . sukses terus !!!

http://horier.blogspot.com

Make money with wordpress said...

nice article, thanks for sharing!

hasilligainggris said...

aku copy bolehkan ?

maswardi said...

aku bookmark dulu deh

Anonymous said...

klo bljr jd hecker gmn bro?

Moe As said...

nyimak dulu ah, buat perkenalan nama2 scriptnya,,

IT Narotama said...

kurang lengkap bos..kalu ithu saya sudah bisa,...yang lain dong

baretacorps said...

ikut nimbrung nih sobat blogger..............lumayan

Anonymous said...

Bagaimana kode javascript untuk eksekusi tombol tertentu pada hal web seseorang...
misal:pada hal web seseorang ada tombol "LIHAT" yg dapat diklik,karena mouse pc error..perintah javascript apa yg kita ketikkan pada url untuk klik tombol "LIHAT" tanpa perlu klik tombol pada mouse kita?

rumah digital said...

Mantap buat tutorialnya..very help me to learn java script programming... keep moving to success...

Rijal Islami said...

thanks sob ..

mampir ke blog ane http://caratrikblog.blogspot.com

Unknown said...

Makash sobt,ku membantu bngt nh buat ane pemula.

Unknown said...

Makash sobt,ku membantu bngt nh buat ane pemula.

Unknown said...

Makash sobt,ku membantu bngt nh buat ane pemula.

Unknown said...

Makash sobt,ku membantu bngt nh buat ane pemula.

Unknown said...

Makash sobt,ku membantu bngt nh buat ane pemula.

Unknown said...

Makash sobt,ku membantu bngt nh buat ane pemula.

Unknown said...

Makash sobt,ku membantu bngt nh buat ane pemula.

Unknown said...

Makash sobt,ku membantu bngt nh buat ane pemula.

Steven Lam Simatupang said...

Sangat membantu bagi saya yg pemula ini. Makasih.. Kutunggu kunjungan baliknya di http://stevenlam80.blogspot.com

goyang pattah pattah said...

wah ini sangat cocok sekali buat saya yang sedang belajar web, mksih bang :)

Anonymous said...

Wah nice info buat nambah wawasan gan, vsit back http://rahmatdi99.blogspot.com

Wahyu said...

Masbro makasi udah bagi ilmu..
ijin copy mau ane pelajarin dulu..

yogastyo said...

wehehehe...boleh juga thu Gan...Makasih infonya bro... Masih nubie soal javascript niy...

Unknown said...

Mksih ilmunya gan...
bagikode.com/jquery

Made Subali said...

Keren banget, terima kasih atas infonya..

Post a Comment

 

Blog Info

Followers

Subscribed

 Gratis artikel via RSS FEED

Masukan Email Anda: