Pages

Subscribe:

Sabtu, 08 Februari 2014

Javascript Pohon Natal

Untuk membuat pohon natal dengan menggunakan kode javascript tidak sulit dan bukan merupakan pekerjaan yang berat. 
Berikut adalah kode javascript untuk pembuatan pohon natal :

<html>
<head>
<title>Untitled Document</title>
<style>
h1{
background-color:‪#‎0000FF‬;
color:‪#‎FFFF00‬;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
</style>
</head>

<body>
<h1>POHON NATAL TEKNIK INFORMATIKA 2013</h1>
<table align="center" bgcolor="black">

<script>
var dx,i,j;
dx=1;for (i=1;i<=15;i++)
{
document.write("<tr><td align=center>");
for (j=1;j<=dx;j++)
{
if (j % 2 == 0)
document.write("<blink><font color=red>*</font></blink>");
else
document.write("<font color=yellow>*</font>");
}
dx=dx+2;
document.write("</td></tr>");
}
for (i=1;i<=5;i++)
{
document.write("<tr><td align=center>");
for (j=1;j<=3;j++)
{
document.write("<font color=white>*</font>");
}
document.write("</td></tr>");
}
</script>
</table>
</body>

</html>

dan hasilnya :


Diposting oleh Sabartu Lombu di 22.12 0 komentar
Label:

Tag - Tag pada HTML



Jenis-jenis Tag HTML 

HTML pada umumnya memiliki berbagai kode yang digunakan untuk memanggil perintah pada HTML tersebut. Di bawah ini adalah beberapa jenis dan fungsi dari tag HTML yang bisa digunakan, yaitu :

<!-- --> Memberi komentar atau keterangan.
<a href> Membuat link ke halaman lain dari halaman tersebut.
<a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang sama.
<applet> Sebagai awal dari Java applets.
<area> Mendefinisikan daerah yang dapat diklik (link) pada image map.
<b> Membuat teks tebal.
<basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font.
<bgsound> Memberi (suara latar) background sound pada halaman web.
<big> Memperbesar ukuran teks sebesar satu point dari defaultnya.
<blink> Membuat teks berkedip.
<body> Tag awal untuk melakukan berbagai pengaturan terhadap teks, warna link dan visited link.

 <br> Untuk pindah baris.
<caption> Membuat caption pada tabel.
<center> Untuk perataan tengah terhadap teks atau gambar.
<comment> Meletakan komentar pada halaman web tidak akan nampak pada browser.
<dd> Indents teks.
<div> Represents differennt section of text.
<embed> Menambahkan sound atau file avi ke halaman web.
<fn> Seperti tag <a name>.
<font> Mengganti jenis, ukuran, warna huruf yang akan digunakan untuk teks.
<form> Mendefinisikan input form.
<frame> Mendefinisikan frame.
<h1>...<h6> Untuk ukuran font.
<head> Mendefinisikan head document.
<hr> Membuat garis horizontal.
<i> Membuat teks miring.
<img> Image, imagemap atau an animation.
<input> Mendefinisikan input field pada form.
<li> Membuat bullet point.
<marquee> Membuat teks berjalan.
<ol> Mendefinisikan awal dan akhir list.
<p> Ganti paragraf.
<pre> Membuat teks dengan ukuran huruf yang sama.
<table> Membuat tabel.
<td> Kolom pada tabel.
<tr> Baris pada tabel.
<u> Membuat teks bergaris bawah.


Diposting oleh Sabartu Lombu di 03.30 0 komentar

Pernyataan Bersyarat



Materi :
1.   Memahami pernyataan bersyarat Switch
2.   Memahami pernyataan berulang
-    For
-    While
-    Do-while

A. Penyataan Bersyarat Switch
     Digunakan Jika ditemukan permasalahan yang penyelesaiannya memilih salah satu alternatif nilai dari beberapa nilai 



Syntax
Switch (Nillai)
{
            Case : <Pernyataan>
                        Break
            Case : <Pernyataan>
                        Break
            Case : <Pernyataan>
                        Break

            ......................................         
            Default : <pernyataan>
                        Break
}
 



Program

Sebelum kita membuat kode program alangkah baiknya kita membuat flowchart terlebih dahulu, karena program adalah sederetan intruksi yang disusun secara sistematis untuk mencapai suatu tujuan.
Untuk membuat program lakukanlah hal Sebagai berikut :
1.   Algoritma
Adalah langkah-langkah untuk menyelesaikan masalah
Algoritma dapat disusun dengan menggunakan :
-    Flowchart
-    Definisi algoritma
-    Psudo code
2.   Coding Program
Gambar-gambar flowchart :



      3.   Ciri kode dalam program
-    Sequential (Berurutan)
-    Condition (Bersyarat)
-    Repetition (Berulang)

Setiap program harus ada awal dan akhirnya.
contoh :
misalkan diketahui daftar nilai huruf yang dapat diproleh seorang mahasiswa dari suatu matakuliah.
A+       ->  Luar Biasa     
A     -> Cukup Tinggi
A-      -> Tinggi
B+      -> sangat Baik
B    -> Cukup Tinggi
B-      -> Baik
C+     -> cukup
C     -> pas cukup
D    -> kurang
E    -> Gagal

Jawab :
<html>
<head>
   <title></title>
</head>
  <body>
    <script>
    Var nh,ket;
    nh = “c”;
    Switch (nh)
       {
           Case “A+”:ket =”Luar Biasa”;
                        Break;
           Case “A”:ket =”Cukup Tinggi”;
                        Break;
           Case “A-”:ket = “Tinggi”;
                        Break;
           Case “B+”:ket =”Sangat Baik”;
                        Break;
           Case “B”:ket =”Cukup Baik”;
                        Break;
           Case “B-”:ket =”Baik”;
                        Break;
           Case “C+”:ket =”Cukup”;
                        Break;
           Case “C”:ket =”Pas Cukup”;
                        Break;
          Case “D”:ket =”kurang”;
                        Break;
            Case “E”:ket = “Gagal”;
                        Break;
       }
        Document.write(“nilai huruf =”,nh,”ket=”,ket);
    </script>
  </body>
</html>

Catatan :
 Jika ditemukan kata break di dalam statement switch maka proses program akan otomatis pindah ke pernyataan setelah } (tutup kurung).





Switch (nilai)
{
   Case (nilai)
     {
        Case nilai :<pernyataan>
                      If (kondisi)
                        <pernyataan>
                       Else
                        <pernyataan>
                                              Break
     Case nilai : if (kondisi)
                                     <pernyataan>
                                     Else if (kondisi)
                                     <pernyataan>
                                     Else
                                     <pernyataan>
                                     Break
    }
B.   Pernyataan For
Pernyataan yang digunakan untuk mengerjakan intruksi secara berulang dan sudah pasti.

Syntax 1
For (var = nilai, kondisi, pertambahan/pengurangan)
{
   <pernyataan>
}

Contoh :
Mencetak string “unika” sebanyak 100 kali di web browser
1.   Buka editor notepad
2.   Ketikkan struktur Html

<html>
<head>
   <title></title>
</head>
   <body>
   </body>
</html>
3.   Ketikkan kode javascript untuk mencetak “unika” sebnanyak 100 kali di web browser

<html>
<head>
   <title></title>
</head>
   <body>
  <script>
    Var i;
     For (i=1,i<100,i++)
     {
      Document.write(“Unika”)
      }
  </script>
   </body>
</html>

4.   Simpan kode html dengan nama latihan2.html
5.   Jalankan web browser
6.   Buka file latihan2.html tersebut

 
Diposting oleh Sabartu Lombu di 02.53 10 komentar
Label:
Langganan: Postingan (Atom)