Latihan 1 - Membuat Program Javascript

1 Jul 2012

4.5
بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Latihan 1 - Membuat Program Javascript
Bab II  mengenai Aliran Program Percabangan dan Aliran Program Pengulangan  teorinya telah selesai kita bahas , sekarang mari kita terapkan dalam satu script dengan berlatih menulis program Javascript sederhana dengan  menggunakan software phpDesigner 7.

Soal :
Tampilkan semua bilangan prima  dibawah 100.

Penyelesaian :
  1. Bilangan prima adalah bilanga positif yang habis dibagi satu dan habis dibagi dirinya sendiri.  Nol dan satu tidak termasuk bilangan prima sehingga pengecekan akan dilakukan dari 2 sampai dengan 100, dengan demikian kita gunakan  pernyataan  for ....  ( Aliran Program Pengulangan )
  2. Pengecekan habis dibagi berarti kita menggunakan operator modulo dengan lambang persen (%). Lihat teorinya pada BAB I - Pengenalan Javascript
  3. Contoh pengecekan apakah  3 bilangan prima ?

     Latihan 1 - Membuat Program Javascript

    Dari pengecekan di atas terlihat bahwa 3 habis dibagi satu dan dibagi dirinya sendiri, sehingga 3 adalah bilangan prima.
  4. Contoh lain, apakah 15 bilangan prima ?

    Latihan 1 - Membuat Program Javascript

    Dari pengecekan di atas terlihat saat loop j menginjak angka 5 dimana 15 modulo 5 sama dengan 0 dan counter bernilai 3.  Variabel counter berfungsi untuh mencacah  sisa pembagian nol. Seperti dikatakan dalam teori matematik diatas bahwa bilangan prima  adalah bilanga positif yang habis dibagi satu dan habis dibagi dirinya sendiri.  Dengan demikian karena counter bernilai lebih dari 2 maka pengulangan variabel j dihentikan, dilanjutkan juga percuma kan dari sini sudah diketahui bahwa 15 bukan prima
Sebagai programmer pemula, diusahakan melakukan analisa secara manual seperti yang saya contohkan di atas. Ini kegunaannya untuk melatih logika kita.  Setelah itu kita buat flowchartnya.

Flowchart adalah gambaran aliran program.  Ini pun harus dibiasakan untuk melatih logika kita. Dengan seringnya berlatih memecahkan persoalan dalam suatu rangkaian logic, maka suatu saat otak kita terbiasa dan akhirnya kita menulis program tak perlu lagi menganalisa manual dan atau flowchart,,, logic aliran program akan tergambar langsung di fikiran kita.

Berikut flowchartnya :

Latihan 1 - Membuat Program Javascript

Setelah kita membuat flowchart dari analisa manual, kemudian kita terjemahkan ke bentuk kode-kode Javascript yang telah kita pelajari di Bab I dan Bab II.

Berikut list programnya yang kita tulis dengan phpDesigner 7.   Buka phpDesigner anda, Click tanda panah kebawah pada icon new document, kemudian pilih HTML.

Latihan 1 - Membuat Program Javascript


Kemudian tulis kode-kode javascript sbb di dalam block body html. Simpan lalu eksekusi.



1:  <!DOCTYPE HTML>  
2:  <html>  
3:  <head>  
4:       <meta http-equiv="content-type" content="text/html" />  
5:       <meta name="author" content="hardian" />  
6:       <title>Bilangan Prima</title>  
7:  </head>  
8:  <body>  
9:  <script type="text/javascript">  
10:    for ( i=2; i < 100; i++ ){  
11:      counter=0;  
12:      for ( j=1; j<=i; j++ ){  
13:        if ( i%j==0 )  
14:          counter++;  
15:        if ( counter > 2 )  
16:          break;  
17:      }  
18:      if ( counter > 2 )  
19:        continue;      
20:      document.write( i + ', ');  
21:    }  
22:  </script>  
23:  </body>  
24:  </html>  

Penjelasa perbaris program :


 BARIS  PERNYATAAN
9Memberi tahu kpd. Browser bahwa block ini menggunakan javascript
10looping var I akan berjalan dari 2 s/d 100, nilai-nilai I akan dicheck apakah prima atau bukan
11variabel counter untuk mencacah pengecekan. Bila nanti hasil modulonya bernilai nol maka counter akan bertambah satu
12looping var j akan berjalan dari satu s/d var i. Variabel loop j ini sebagai pemodulo var i
13lakukan pengechekan apakah var I modulo var j sama dengan nol ? Bila ya maka eksekusi baris 14 jika tidak maka ke baris 17
14counter bertambah satu
15apkah counter lebih besar 2 ? Jika ya maka masuk ke baris 16, jika tidak masuk ke baris 17
16keluar dari looping j karena counter lebih besar dari 2
17lakukan looping ke baris 12 sampai dengan j bernilai lebih besar dari i
18apkah counter lebih besar 2 ? Jika ya maka ke baris 19
19paksakan kembali ke loop I karena counter lebih besar 2 yang berarti I bukan prima
20tampilkan I sebagai bilangan prima
21kembali ke looping I di baris 10 s/d nilai 100
22menyatakan kpd. Browser bahwa ini akhir block javascript


Tampilkan semua bilangan prima dibawah .


Bagi yang serius belajar Pemograman Javascript, silahkan buat programnya untuk menampilkan 100 buah bilangan prima.  Sebagai bocoran kita gunakan looping while,  dan pengecheckan sama seperti di atas memakai for ..,  dan demonya sebagai berikut :

Tampilkan buah bilangan prima



ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Jika sobat menyukai artikel atau tutorial di blog ini, Silahkan ketik email di sini untuk berlangganan GRATIS via EMAIL , dengan begitu sobat akan mendapatkan kiriman artikel atau tutorial setiap ada yang terbit di Sakahayang Dot Com :


Delivered by FeedBurner



Artikel Terkait:



51 comments

Blog Keperawatan1 Juli 2012 06.38

Tambah wawasan kembali sahabat di sini Kang Asep tentang program javascript ini

Reply
Darmawan Saputra1 Juli 2012 07.40

tambah banyak ilmu disini saya kang :D
tengkyu.


#Semoga Sehat Selalu

Reply
Rupi Adam1 Juli 2012 08.25

waaaah ijin belajar kang
maklum saya ini bukan anak kuliahan, jadi belajar gratisan aja lah dari kang asep
hehehe

kebetulan masih dangkal banget sama javascript
nuhun kang buat ilmunya :)

Reply
kampungku corolla1 Juli 2012 08.46

bade belajar weh didieu ah,mungpung aya nungajarna,gratis deuh,he...he..
hatur nuhun tos berbagi ilmu kang

Reply
andre tauladan1 Juli 2012 09.05

wah,,, ampun... rudet,,, emang pusing belajar script mah,, salut sm kang asep... maju terus kang... tapi rada waspada bilih aya jalan bolong.. hehe...
diantos di blog sim kuring.

Reply
k-islamic1 Juli 2012 10.02

mantap kang ilmunya.
ijin belajar dulu euy.
tambah mantap..

Reply
IrfanWEB.com1 Juli 2012 10.03

masih bingung nih sama yang namanya 'javascript' . . .

Reply

Singgah disini kang baca2 tutorial JS nih, Bookmark dulu ya kang

Reply
Yari Waspendais1 Juli 2012 16.34

mampir sore-sore ,aduh kang maap saya cma baca saja ya.Soalnya kurang mengerti kode2,maklum saya bisanya hanya menulis saja.
terima kasih sudah berbagi ilmu,salut buat anda.

Reply

Sayah mah.. kalah tambah lieur ah kang asep.. pararuyeng,, hehe.. ^__^

Reply
Anrus Daha1 Juli 2012 19.01

mantap kang Asep...abdi hayang blajar tp otak abdi teu mampu kang?

Reply
Kang Asep1 Juli 2012 22.24

@Blog Keperawatan
itu yg saya harap ,,,

wilujeng ngeblog

Reply
Kang Asep1 Juli 2012 22.25

@Darmawan Saputra
sama-sama sob ,,,

wilujeng ngeblog

Reply
Kang Asep1 Juli 2012 22.26

@Rupi Adamsilahkan ,,, gratis sob, nggak dipungut biaya hehehe,,,

wilujeng ngeblog

Reply
Kang Asep1 Juli 2012 22.31

@kampungku corollamangga kang dihaturanan ,,,

wilujeng ngeblog

Reply
Kang Asep1 Juli 2012 22.32

@andre tauladantong pesimis kang ,,,

wilujeng ngeblog

Reply
Kang Asep1 Juli 2012 22.32

@k-islamic
mangga ,,,


wilujeng ngeblog

Reply
Kang Asep1 Juli 2012 22.33

@IrfanWEB.comniatkan belajar, pasti nggak bingung


wilujeng ngeblog

Reply
Kang Asep1 Juli 2012 22.34

@Ilmu Komputer dan Teknologi
silahkan sob,,


wilujeng ngeblog

Reply
Kang Asep1 Juli 2012 22.35

@Yari Waspendais
justru itu sob, saya share dari bab 1 s/d saat ini biar pada ngerti :)


wilujeng ngeblog

Reply
Kang Asep1 Juli 2012 22.36

@Didin Supriatna ( Tukang Potret )weleh2 ,,, pesimis kang ?


wilujeng ngeblog

Reply
Kang Asep1 Juli 2012 22.36

@Anrus Dahahihihihi pada pesimis euy ,,, :)


wilujeng ngeblog

Reply
RB2 Juli 2012 04.28

nice share tutorial

Reply
BlogS of Hariyanto2 Juli 2012 04.34

benar-benar blog yang luarbiasa..jadi nambah ilmu saya tentang javascript di sini...terimakasih kawan...keep happy blogging :)

Reply
affanibnu2 Juli 2012 12.21

yang dipake di blog2 juga termasuk nih.. ?

Reply
Cacar Air2 Juli 2012 13.06

info yang menarik,,terima kasih untuk informasinya

Reply
Kanker Usus Besar2 Juli 2012 13.08

artikel yang bermanfaat,,terima kasih sudah berbagi ilmunya

Reply
Gressnet Hotspot2 Juli 2012 14.23

Kang punten diluar tema,link Blogrol Sakahayang dot com tos di pasang di Gress Internet Online,mangga cek,nuhun sateuacana.
Wilujeng ngeblog.

Reply
Rudy Hartono2 Juli 2012 17.10

makasih infonya, maaf dilain topik kang.
Banyak blog yg bertukar link dengan blog saya, tapi setelah saya cek lagi ternyata link saya sudah hilang/dihapus secara sepihak setelah mereka ganti template, tapi syukur link saya msh ada di blog anda, makasih atas konsekuensinya

Reply
Kang Asep2 Juli 2012 18.40

@RBthanks,,,

wilujeng ngeblog

Reply
Kang Asep2 Juli 2012 18.41

@BlogS of Hariyanto
makasih sob, aha biasa2 ajah ,,,

wilujeng ngeblog

Reply
Kang Asep2 Juli 2012 18.42

@affanibnujavascript emang bhs pemograman untuk web / blog ,,,

wilujeng ngeblog

Reply
Kang Asep2 Juli 2012 18.43

@Cacar Air
makasih sob ,,,

wilujeng ngeblog

Reply
Kang Asep2 Juli 2012 18.44

@Kanker Usus Besar
sama2 sob ,,,

wilujeng ngeblog

Reply
Kang Asep2 Juli 2012 18.52

@Gressnet Hotspot
hatur nuhun Kang,,, langsung dipasang :)

wilujeng ngeblog

Reply
Kang Asep2 Juli 2012 18.55

@Rudy Hartono
kalo ada yang berbuat seperti iru, cabut saja LINK-nya sob,,, kalo boleh kasih saran judul blognya tetap ada dan kasih keterang.

di tempat saya belum saya check ulang, baru sya check yg broken linknya saja atau blognya sudah mati ,,,

wilujeng ngeblog

Reply

wahh bener - bener mantap ni kang Asep... ??


soal Javascript udah mahir bangett nih ???


jangan - jangan kang Asep guru Les yaa ???


bagi Ilmu banyak nihh :)


Happy Blogging

Reply

hehe.. biar sayah teh puyeng kana coding tapi hayoohh weh hayang balik deui.. balik deui kadieu.. panasaran.. kang asep blogna tos ditambahan review ku simkuring di alexa.. sing sukses lah.. kangge sakahayang wae ceolang.. hihi..

Reply
Kang Asep3 Juli 2012 18.34

@Fairbet88.com Dukung Fairplay EURO 2012aah sayah orang biasa Mas,,, belajar otodidak di inet juga kok,,, bukan guru kok,,,, cuma buruh pabrik ,,, :)

wilujeng ngeblog

Reply
Kang Asep3 Juli 2012 19.05

@Didin Supriatna ( Tukang Potret )hihihi puyeng2 oge dikeureuyeuh geuning?

langsung ka tkp kang ,,,

wilujeng ngeblog

Reply
Gank-Zone Blog5 Juli 2012 09.17

mantep sekali sob, tutorialnya hebat lah

Reply
Mire Tahu Tempe5 Juli 2012 12.15

mantap pisan kang :)

Reply
Kang Asep5 Juli 2012 18.34

@Gank-Zone Blog
makasih sob,,, silahkan praktek ,,,

wilujeng ngeblog

Reply
Kang Asep5 Juli 2012 18.35

@Mire Tahu Tempemakasih sob,,, silahkan praktek ,,,

wilujeng ngeblog

Reply
BERGUNA7 Juli 2012 07.46

Wah, saya orang sastra. tapi hobi yang ginian. cucok banget nih info...trims mas

Reply
Tahirkz Nursing7 Juli 2012 23.38

saya ga ngerti yang diatas itu akang,,
mungkin ilmu saya belum sampe disitu,, mesti belajar banyak lagi.. thenkyu..

Reply
Kang Asep9 Juli 2012 15.18

@BERGUNAsama dong saya juga jebolan MIPA sob ,,,

wilujeng ngeblog

Reply
Kang Asep9 Juli 2012 15.23

@Tahirkz Nursingnggak papa sob kalo nggak ngerti,,, cari ajah yg ngertinya ,,,

wilujeng ngeblog

Reply
obat jantung alami11 Juli 2012 07.28

informasi yang sangat bermanfaat sekali gan . .

Reply
Kang Asep11 Juli 2012 19.08

@obat jantung alami
makasih ,,,

wilujeng ngeblog

Reply
Riki Siswanto27 November 2012 11.38

wow... lengkap juga tutorialnya gan.. ijin belajar gan :) makasih banyak...

Reply
[[- Click Untuk Buka Form Komentar Klasik-Nya -]]

colored comment

[[ DOFOLLOW BLOG!!! Jangan Berkomentar SPAM... ]]
Dimohon jangan menulis LINK, kalau maksud sobat menunjukkan alamat blog anda pilih Name/URL pada option profile:
Bila ada LINK / URL akan saya HAPUS !!!


MAAF, TIDAK MENERIMA COMMENT TUKANG OBAT !!!

left

NuEnggal

NuKomen

Sobat Sakahayang

Sakahayang's Statistic



Check Google Page Rank


..

Ingin meningkatkan traffic pengunjung dan popularity blog anda secara cepat dan tak terbatas? Serahkan pada saya, saya akan melakukannya untuk anda Gratis!! klik DISINI-1 dan DISINI-2