While dan Do While di JavaScript

Javascript setelah belajar ternyata hampir sama struktur bahasanya dengan Pascal. Meski PHP dan bahasa lainnya juga pada dasarnya sama. Cuma dalam hal penulisan, JavaScript lebih memiliki kemiripan dengan Pascal. Jadi buat temen-temen yang pernah belajar Pascal trus mau belajar JavaScript, ga usah khawatir karena dasar-dasarnya hampir serupa dengan Pascal. Setelah ini, JavaScript sy singkat jadi JS ya.

Nah, kali ini tulisannya langsung membahas tentang looping alias perulangan, karena sa emang belajar baru sampe sana. Alhamdulillâh sudah sampe looping. Menarik karena kalau di Pascal while itu cuma satu, klo di JS perulangan dengan while ini ada dua, pertama while aja yang kedua do while. Dari segi sintaks tak jauh beda, let’s take a look to the syntax below.

While: Outputnya adalah angka 0-10 secara berurutan ke bawah.

<html>
<body>
<script type="text/javascript">
var i=0
while (i<=10)
{
document.write("Angkanya adalah " + i)
document.write("<br />")
i=i+1
}
</script>
</body>
</html>

Do While

<html>
<body>
<script type="text/javascript">
var i=0
do
{
document.write("Angkanya adalah " + i)
document.write("<br />")
i=i+1
}
while (i<0)
</script>
</body>
</html>

Dalam sintaks di atas, while itu cukup keras dalam hal result. While hanya akan menghasilkan sebuah output alias dieksekusi kodenya ketika kondisinya TRUE. Sedangkan do while akan mengeksekusi kode meski hanya SEKALI meskipun kondisinya FALSE karena kondisi tersebut dieksekusi terlebih dahulu sebelum dites dengan “kode syarat”nya itu.

Coba aja tes kode pertama (yang While) dengan syarat i = 1 seperti pada Do While, kita coba tuliskan kembali disini,

<html>
<body>
<script type="text/javascript">
var i=0
while (i=0)
{
document.write("Angkanya adalah " + i)
document.write("<br />")
i=i+1
}
</script>
</body>
</html>

Nah, ketika dieksekusi maka layar di browser temen-temen ga akan ada yang ditampilkan alias blank (kosong). Berbeda dengan sintaks kedua yang menggunakan do while, maka akan muncul “Angkanya adalah 0” (tanpa tanda kutip).

 

Introduction to HTML

Apa itu HTML?

  • HTML itu singkatan dari Hyper Text Markup Language.
  • Sebuah HTML file adalah file teks yang mengandung markup tag.
  • markup tag ini memberitahukan web browser tentang bagaimana menampilkan page
  • Harus berekstensi html atau htm (.html atau .htm)
  • HTML bisa dibuat dengan teks editor sederhana seperti notepad, SimpleText dsb.

Contoh

<html>
<head>
<title>Title of page</title>
</head>
<body>
HTML pertama kami. <b>Teks tebal</b>
</body>
</html>

Save file di atas jadi “tes.htm” atau “tes.html” tanpa tanda kutip dua. Buka browser Anda lalu klik “Open” (atau “Open Page”) di menu File.Sebuah dialog box akan muncul. Pilih “Browse” (atau “Choose File”) cari tempat Anda menyimpan file HTML Anda – “tes.htm” – pilih dan klik “Open”. Klik OK dan akan tampil di browser.

Untuk belajar, sebaiknya pake teks editor plain text, jangan yang sifatnya WYSIWYG kayak Dreamweaver..

Sedikit penjelasan mengenai kode di atas,

  • <html> tag pertama dan utama di dokumen HTML. Ingat untuk menutupnya dengan </html>
  • <head> untuk memberi informasi header yang di atas browser itu. Ditupup dengan </head>
  • <title> untuk judul penegas web kita. Tutup dengan </title>
  • <body> berfungsi untuk menampung teks-teks yang akan ditampilkan nanti.
    ditutup dengan </body>
  • Sedangkan, dari contoh di atas juga ada <b> itu untuk mencetak tulisan tebel Ditutup dengan </b>

Urutannya harus seperti itu, jangan diubah. Jika diilustrasikan, <a><b><c></c></b></a>. Jadi urutannya gituh, sesuai urutan dari dalem ke luar dari luar ke dalem 😉

Untuk tag-tag HTML, insya Allâh dibahas di bahasan lain.