Scribd Logo
Unggah

Selamat datang di Scribd!

  • Statement

    Diunggah oleh

    Ivan Sinaga
    4 tayangan12 halaman

    Judul Asli

    49406_STATEMENT

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    4 tayangan12 halaman

    Statement

    Diunggah oleh

    Ivan Sinaga

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 12

    1.

    STATEMENT :
    Statement atau pernyataan merupakan sebuah kondisi dimana jika iya atau
    jika tidak atau bisa yang lainnya. Dan didalam sebuah bahasa program
    javascript disini kita menggunakan kondisi atau sering disebut IF ELSE. Dan
    didalam suatu kondisi ini ada 2 buah statement dari javascript yaitu The Break
    Statement dan The Continue Statement..
    CONTOH JAVASCRIPT STATEMENT :

    <!DOCTYPE html>
    <html>
    <body>

    <h2>JavaScript Statements</h2>

    <p>BELAJAR JS.</p>

    <p id="contoh"></p>

    <script>
    document.getElementById("contoh").innerHTML = "COBA COBA.";
    </script>

    </body>
    </html>

    OUTPUTNYA :

    JavaScript Statements
    BELAJAR JS.
    COBA COBA.
    2. JAVASCRIP SYNTAX :
    Sintaks JavaScript adalah seperangkat aturan, bagaimana program JavaScript
    dibuat.
    cara menulis syntax javascript harus dimulai dengan dan kemudian ditutup
    dengan . javascript dapat di tuliskan di mana pun yang anda mau di dalam
    halaman web. tetapi pada umumnya banyakan di tulis di antara bagian
    <head>..</head> , untuk mempermudah kita mencarinya. contoh syntax java
    script :
     <script …>
     JavaScript code
     </script>

    Tag script mengambil dua atribut penting :

    Language – Atribut ini menetapkan apa bahasa scripting yang Anda gunakan.
    Biasanya, nilainya akan javascript. Meskipun versi terbaru dari HTML (dan
    XHTML, penggantinya) telah dihapus penggunaan atribut ini.

    Type – Atribut ini adalah apa yang sekarang dianjurkan untuk menunjukkan
    bahasa scripting digunakan dan nilainya harus ditetapkan ke “text /
    javascript”.

    Jadi segmen JS akan terlihat seperti berikut :


     <script langeage=”javascript” type=”text/javascript”>
     JavaScript code
     </script>
    CONTOH :
     <html>
     <body>
     <script language=”javascript” type=”text/javascript”>
     document.write(“Hello Martin Saputra!!!”)
     </script>
     </body>
     </html>

    Outputnya : Hello Martin Saputra!!!


    Fungsi dari document.write adalah unutuk menulis ke halaman.

    3. JAVASCRIPT VARIABLES : wadah untuk menyimpan nilai data.


    CONTOH :
    <!DOCTYPE html>
    <html>
    <body>

    <h2>JavaScript Variables</h2>

    <p id="demo"></p>

    <script>
    var price1 = 5;
    var price2 = 6;
    var total = price1 + price2;
    document.getElementById("demo").innerHTML =
    "The total is: " + total;
    </script>

    </body>
    </html>
    OUTPUTNYA :

    JavaScript Variables

    The total is: 11


    4. JAVASCRIPT ARRAY : Array JavaScript digunakan untuk menyimpan
    beberapa nilai dalam satu variabel.
    CONTOH :
    <!DOCTYPE html>
    <html>
    <body>

    <h2>HP MEHONG</h2>

    <p id="demo"></p>

    <script>
    var HAPE = new Array("oddo","<i> USUS</i>" , " KEXIAN");
    document.getElementById("demo").innerHTML = HAPE;
    </script>

    </body>
    </html>
    OUTPUTNYA :

    HP MEHONG
    oddo, USUS, KEXIAN

    5. JAVASCRIPT ARRAY METHODS : Metode JavaScript join() bisa


    menentukan pemisah.
    CONTOH :
    <!DOCTYPE html>
    <html>
    <body>
    <h2>JavaScript Array Methods</h2>

    <h2>join()</h2>

    <p id="demo"></p>

    <script>
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    document.getElementById("demo").innerHTML = fruits.join(" * ");
    </script>

    </body>
    </html>
    OUTPUTNYA :

    JavaScript Array Methods


    join()
    Banana * Orange * Apple * Mango

    (*)sebagai separator

    6. JAVASCRIPT SORTING ARRAYS : Metode sort () mengurutkan array

    CONTOH : Numeric Sort

    <!DOCTYPE html>
    <html>
    <body>
    <h2>JavaScript Array Sort</h2>

    <p>klik tombol untuk urutan besar ke kecil </p>

    <button onclick="myFunction()">TEKAN AKU MAS</button>

    <p id="demo"></p>

    <script>
    var points = [40, 100, 1, 5, 25, 10];
    document.getElementById("demo").innerHTML = points;

    function myFunction() {
    points.sort(function(a, b){return b - a});
    document.getElementById("demo").innerHTML = points;
    }
    </script>

    </body>
    </html>
    OUTPUTNYA :

    Jika di klik tombol maka hasilnya akan berubah sperti ini :


    7. JAVASCRIPT ARRAY ITERATION : Metode iterasi array beroperasi
    pada setiap item array.
    Array.forEach ()
    Metode forEach () memanggil fungsi (fungsi callback) satu kali untuk setiap
    elemen array.
    CONTOH :
     <!DOCTYPE html>
     <html>
     <body>
     <h2>JavaScript Array.forEach()</h2>
     <p>Calls a function once for each array element.</p>
     <p id="demo"></p>
     <script>
     var txt = "";
     var numbers = [45, 4, 9, 16, 25];
     numbers.forEach(myFunction);
     document.getElementById("demo").innerHTML = txt;
     function myFunction(value, index, array) {
     txt = txt + value + "<br>";
     }
     </script>
     </body>
     </html>
    OUTPUTNYA :
    JavaScript Array.forEach()

    Memanggil fungsi satu kali untuk setiap elemen array.

    45
    4
    9
    16
    25

    Perhatikan bahwa fungsi tersebut membutuhkan 3 argumen :


     Nilai barang
     Indeks item
     Array itu sendiri
    8. JAVASCRIPT FUNCTIONS : fungsi javascript adalah blok kode yang
    dirancang untuk melakukan tugas teretentu. Fungsi JS dieksekusi ketika
    “sesuatu” memanggilnya.
    CONTOH :
    <!DOCTYPE html>
    <html>
    <body>

    <h2>JavaScript Functions</h2>

    <p id="demo"></p>

    <script>
    function myFunction(x1, x2) {
    return x1 * x2;
    }
    document.getElementById("demo").innerHTML = myFunction(4, 4);
    </script>

    </body>
    </html>
    OUTPUTNYA :
    JAVASCRIPT FUNCTION
    16
    9. JAVASCRIPT OBJEK : objek, property, dan metode kehidupan nyata.
    Mobil memiliki sifat seperti berat dan warna, dan metode seperti start dan
    stop:
    CONTOH :

    Semua mobil memiliki sifat yang sama, tetapi nilai properti berbeda dari
    mobil ke mobil. Semua mobil memiliki metode yang sama, tetapi metode
    tersebut dilakukan pada waktu yang berbeda.
    CONTOH :
    Kita telah mengetahui bahwa variabel JavaScript adalah wadah untuk nilai
    data. Kode ini memberikan nilai sederhana (Fiat) ke variabel bernama mobil:
     <!DOCTYPE html>
     <html>
     <body>
     <h2>JavaScript Variables</h2>
     <p id="demo"></p>
     <script>
     // Create and display a variable:
     var car = "Fiat";
     document.getElementById("demo").innerHTML = car;
     </script>
     </body>
     </html>
    OUTPUTNYA : Fiat
    Objek juga variabel. Tetapi objek dapat mengandung banyak nilai.
    Kode ini memberikan banyak nilai (Fiat, 500, putih) ke variabel bernama
    mobil:
    CONTOH :
     <!DOCTYPE html>
     <html>
     <body>
     <h2>JavaScript Objects</h2>
     <p id="demo"></p>
     <script>
     // Create an object:
     var car = {type:"Fiat", model:"500", color:"white"};
     // Display some data from the object:
     document.getElementById("demo").innerHTML = "The car type is " +
    car.type;
     </script>
     </body>
     </html>
    OUTPUTNYA :
    The car type is Fiat.

    Nilai ditulis sebagai nama: pasangan nilai (nama dan nilai dipisahkan oleh
    titik dua). Objek JavaScript adalah wadah untuk nilai yang disebut properti
    atau metode

    10. JAVASCRIPT EVENTS


    CONTOH :
    <!DOCTYPE html>
    <html>
    <body>
    <button
    onclick="document.getElementById('demo').innerHTML=Date()">SEKARA
    NG PUKUL?</button>

    <p id="demo"></p>

    </body>
    </html>
    OUTPUTNYA :

    Ketika tombol ditekan, maka tampil waktu sesuai gadget.

    Anda mungkin juga menyukai