Skip to main content

Kondisi pada JS - P14

Kondisi pada JavaScript


Kondisi Statements digunakan untuk melakukan tindakan yang berbeda berdasarkan kondisi yang berbeda.


Kondisi Statement

Sangat sering ketika Anda menulis kode, Anda ingin melakukan tindakan yang berbeda untuk keputusan yang berbeda.
Anda dapat menggunakan pernyataan kondisional dalam kode Anda untuk melakukan hal itu.
Dalam JavaScript kita memiliki pernyataan kondisional berikut:
>> Gunakan if untuk menentukan blok kode yang akan dieksekusi, jika kondisi yang ditentukan benar
>> Gunakan else menentukan blok kode yang akan dieksekusi, jika kondisi yang sama palsu
>> Gunakan else if untuk menentukan kondisi baru untuk menguji, jika kondisi pertama adalah palsu
>> Switch switch untuk menentukan banyak blok alternatif kode yang akan dieksekusi

if Pernyataan

Gunakan if pernyataan untuk menentukan blok kode JavaScript yang akan dijalankan jika kondisi benar.

Sintaksis

if ( kondisi ) {

    blok kode yang akan dieksekusi jika kondisi benar

}

Perhatikan bahwa jika dalam huruf kecil. Huruf besar (if atau IF) akan menghasilkan kesalahan JavaScript.

Else Statement


Gunakan pernyataan else menentukan blok kode yang akan dieksekusi jika kondisi salah.


if ( condition ) {

    blok kode yang akan dieksekusi jika kondisi benar

} else { 

    blok kode yang akan dieksekusi jika kondisi salah

}

else if Statement


Gunakan else if pernyataan untuk menentukan kondisi baru jika kondisi pertama adalah salah.

Sintaksis


if ( kondisi1 ) {
    blok kode yang akan dieksekusi jika kondisi1 benar

} else if ( kondisi2 ) {

    blok kode yang akan dieksekusi jika kondisi1 adalah palsu dan kondisi2 benar

} else {

    lok kode yang akan dieksekusi jika condition1 adalah palsu dan condition2 adalah palsu

}

Dan inilah beberapa Contoh yang bisa kalian praktekan di rumah:

Contoh pertama penggunaan IF:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<html>
<head>
    <title>Buat kondisi If</title>
</head>
<body>
    <p id="cobaan">
        <script language="javascript" type="text/javascript">
            var umur ;
            umur = prompt("masukan Umur Anda: ");
            umur = parseInt(umur);
            if (umur < 17) {
                alert("Kamu belum dapat mengikuti pemilu");
            }
            alert("Kamu dapat mengikuti pemilu");
        </script>
    </p>
</body>
</html>

Hasilnya:



Contoh program kedua penggunaan IF:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
    <title>Olahraga</title>
    <link rel="stylesheet" href="cssnya.css">
</head>
<body>
    <input type="button" onclick="klik()" value="Klik!">
    <p id="cobaan">
        <script>
            function klik() {

                var olahraga;
                olaraga = prompt("Masukan olahraga yang kamu sukai? Climbing atau Downhill");
                if (olahraga == "Climbing" || olahraga == "Downhill");
                {
                    alert("Kamu menyukai olahraga ekstream");
                }
            }
        </script>
    </p>
</body>
</html>

Hasilnya:



Contoh program ketiga menggunakan IF:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<html>
<head>
    <title>Demo IF</title>
    <link href="BuatIf.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <p>Akan muncul tulisan "Good day!" jika waktu kurang dari 18:00</p>
        <p id="demo">Good Evening!</p>
    <script>
        if (new Date().getHours() < 18) {
            document.getElementById("demo"), innerHTML = "Good day!";
        }
    </script>
</body>
</html>


Hasilnya:


Contoh program menggunakan IF dan ELSE:



 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
    <title>IF + ELSE</title>
    <link href="BuatIf.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <p id="demo" <b>IF</b>akan memunculkan tulisan "Selamat Pagi!"</p>
    <p> jika pada opsi IF tidak ada maka akan pindah ke <b>ELSE</b> memunculkan "Hello World"<br />
    kata yang muncul adalah :</p>

    <script>
        var d = new Date()
        var time = d.getHours()

        if (time < 9) {
            document.write("Selamat Pagi!");
        }
        else {
            document.write("Hello World");
        }
    </script>
</body>
</html>


Hasilnya:


Penggunaan Program menggunakan IF + ELSE IF + ELSE:



 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
    <title>IF + ELSE IF + ELSE</title>
    <link href="BuatIf.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <p id="cobaan">Penggunaan <b>ELSE IF</b> bertujuan untuk mengganti <b>IF</b> dalam jumlah banyak</p>
    <script>
        var d = new Date()
        var time = d.getHours() 

        if (time < 9) {
            document.write("Selamat Pagi!");
        }
        else if (time >= 12 && time < 3) {
            document.write("Hari yang panas");
        }
        else {
            document.write("Hello World!");
        }
    </script>
</body>
</html>



Hasilnya:



Contoh program menggunakan SWITCH CASE:



 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
    <title>SWITCH CASE</title>
    <link href="BuatIf.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <script language="JavaScript">
        var pilihan = prompt("Pilihan untuk cek Pulsa\n1. Informasi Pulsa anda\n2. Informasi masa aktif dan masa tenggang anda");
        pilihan = parseInt(pilihan);
        switch (pilihan) {
            case 1: alert("Jumlah pulsa anda adalah sembilan belas ribu rupiah");
                break;

            case 2: alert("Masa aktif kartu anda hingga 7 Agustus 2019");
                break;

            default:
                alert("Pilihlah sesuai nomor yang ada");
                break;
        }
    </script>
</body>
</html>

Hasilnya;


Penggunaan SWITCH CASE:



 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>
<head>
    <title>LATIHAN SWITCH</title>
    <link href="BuatIf.css" rel="stylesheet" type="text/css" />
    <label for="toggle"></label>
</head>
<body>
    <script language="JavaScript">
        alert("Menu masakan padang\n silahkan pilih menu yang diinginkan\n\n\nKlik OK untuk melanjutkan");
        var pilihan = prompt("1. Rendang ...................Rp14.000\n 2. Ikan Balado ...............Rp13.000\n 3. Dendeng Balado ............Rp17.000\n 4. Soto Padang ...............Rp15.000\n 5. Paku ......................Rp20.000\n");                                                                                            

        pilihan = parseInt(pilihan);
        switch (pilihan) {
            case 1: alert("Menu makanan yang anda pilih : Rendang ...................Rp14.000");
                break;
            case 2: alert("Menu makanan yang anda pilih : Ikan Balado ...............Rp13.000");
                break;
            case 3: alert("Menu makanan yang anda pilih : Dendeng Balado ............Rp17.000");
                break;
            case 4: alert("Menu makanan yang anda pilih : Soto Padang ...............Rp15.000");
                break;
            case 5: alert("Menu makanan yang anda pilih : Paku ......................Rp20.000");
                break;

            default:
                alert("Menu yang anda pilih : Tidak ada,Silahkan pilih menu yang lain ^_^");
                break;
        }
    </script>
</body>
</html>

Hasilnya:

Comments

Post a Comment

Popular posts from this blog

Membuat Anak Tangga menggunakan PHP - P24

Cara Membuat Anak Tangga menggunakan Array 2 Dimensi & Looping  Kali ini saya akan menunjukan kepada kalian cara membuat Anak Tangga di PHP menggunakan Array 2 dimensi & Looping dengan menyesuaikan Input dan pilihan warna dari User. Semoga bermanfaat~ <?php error_reporting ( 0 ); $jumlah = $_POST [ 'anakTangga' ]; $warna = $_POST [ 'warnaTangga' ]; for ( $i = 0 ; $i < $jumlah ; $i ++) { for ( $j = 0 ; $j < $i ; $j ++) { echo "<div class='kotak' style='background-color:$warna'></div>" ; } echo "<div class='kotak' style='background-color:$warna'></div><br>" ; } ?> Dan ini hasilnya Keterangan: Bahwa dalam menggunakan Array 2 Dimensi & Looping akan terus menerus mengulang sesuai dengan Input User <!DOCTYPE html> <html> <head> <title> Tangga Berwarna </title> </head> ...
Post a Comment
Read more

Komponen Audio,Video & Flash - P7

Menyediakan komponen, Audio, Video & Flash Format Tampilan Video Kita dapat menampilkan format audio pada halaman web, untuk menampilkannya dapat digunakan format seperti ini  Hasilnya: Source Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!DOCTYPE html> <html> <head> <title> cek video </title> </head> <body> <video width= "999" height= "540" controls poster= "gambarku/cute-030.jpg" > <source src= "This Is Me.mkv" type= "video/mp4" > browser anda tidak mendukung format video ini </video> </body> </html> Format Tampilan Audio  Hasilnya: Format Tampilan Flash 1 2 3 4 5 6 7 8 <html> <head> <title> Animasi </title> </head> <body> <embed src= "media/Strong.swf" > </body> </html> Hasilnya: Aud...
4 comments
Read more

Algoritma C++ Konversi dan Menukar Bilangan dari User

MENJADIKAN CODING C++ BERMANFAAT UNTUK USER Selamat beraktivitas bagi pembaca sekalian dimanapun kalian berada.. Kali ini saya akan menunjukan kepada kalian coding sederhana dengan C++ sesuai dengan judulnya  Yang saya bahas kali ini adalah  -PERTUKARAN NILAI MENGGUNAKAN VARIABEL BANTU -PERTUKARAN NILAI TANPA MENGGUNAKAN VARIABEL BANTU -BILANGAN POSITIF & NEGATIF dan -KONVERSI WAKTU DARI DETIK KE JAM, MENIT, dan DETIK Langsung saja ke pembahasan di bawah ini. 1. PERTUKARAN NILAI MENGGUNAKAN VARIABEL BANTU -Kita menginisialisasikan terlebih dahulu variabelnya x, y, z dengan tipe data Integer sebenarnya variabel z hanya variabel pembantu saja -Lalu untuk pengulangannya saya memakai do while  dengan menginisialisasikan pilih dengan tipe data char -Lalu pengulangannya saya tulis do{ -Saya outputkan dengan  cout << "Masukan Nilai X : " ; dan input dengan cin >> a ; -Untuk proses saya masukan z = x ; x = y ; y = z ; ...
Post a Comment
Read more