DASAR JAVASCRIPT

 Hallo teman-teman apakah kalian pernah mendengar Javascript ? apa sih javascript ?

Tahukah kamu bahwa JavaScript adalah bahasa pemrograman yang digunakan dalam pengembangan website agar lebih dinamis dan interaktif. Kalau sebelumnya kamu hanya mengenal HTML dan CSS, nah sekarang kamu jadi tahu bahwa JavaScript dapat meningkatkan fungsionalitas pada halaman web. Bahkan dengan JavaScript ini kamu bisa membuat aplikasi, tools, atau bahkan game pada web.

Mari kita mengenal dasar javascript 

1. alert

<!DOCTYPE html>
<html>
    <head>
        <title>windoow alert</title>
    </head>
    <body>
        <!-- Kotak alert sering digunakan jika Anda ingin memastikan informasi masuk ke pengguna.
        Ketika kotak peringatan muncul, pengguna harus mengklik "OK" untuk melanjutkan. -->
        <h2>javascript alert</h2> 
        <button onclick="klik()">klik</button>
        <script>
            function klik() {
                window.alert("Halo my Name is AJENG");
            }
            
        </script>
    
    </body>
</html>

- Kotak alert sering digunakan jika Anda ingin memastikan informasi masuk ke pengguna.Ketika kotak peringatan muncul, pengguna harus mengklik "OK" untuk melanjutkan.Jadi pada script diatas kita membuat tombol klik dan selanjutnya melakukan function klik yang isinya adalah alert. Alert juga  menampilkan data dalam bentuk “peringatan” (alert) berupa kotak dialog yang akan muncul pada web browser



2. Get 

<!DOCTYPE html>
<head>
    <title>get elemen</title>
</head>
<body>
   
    <h1 id="name"></h1>
    <script>
        document.getElementById("name").innerHTML ="Halo my Name is AJENG";
    </script>
</body>
</html>

- Metode getElementById() mengembalikan elemen yang memiliki atribut ID dengan nilai yang ditentukan.

Metode ini adalah salah satu metode yang paling umum di DOM HTML, dan digunakan hampir setiap kali Anda ingin memanipulasi, atau mendapatkan info dari, elemen pada dokumen Anda.Mengembalikan null jika tidak ada elemen dengan ID yang ditentukan.ID harus unik di dalam halaman. Namun, jika ada lebih dari satu elemen dengan ID yang ditentukan, metode getElementById() mengembalikan elemen pertama dalam kode sumber.



3. Write 

<!DOCTYPE html>
<head>
    <title>Write</title>
</head>
<body>
    <script>
        // Metode write() menulis ekspresi HTML atau kode JavaScript ke dokumen.
        document.write("<h1>Hello guisss!</h1><p>ini adalahhh hjhsja!</p>")
    </script>
</body>
</html>

Fungsi document.write()  berfungsi menampilkan data langsung pada halaman web (bukan pada kotak dialog layaknya fungsi window.alert()), fungsi ini dapat di gunakan untuk menampilkan data langsung saat halaman web selesai di muat (loaded) atau di eksekusi pada event tertentu misalnya saat tombol di klik. Metode write menulis ekspresi html atau kode javascript ke dokumen. Pada kode diatas tampil “Hello guiss….”.


4. Console

<!DOCTYPE html>
<head>
    <title>console</title>
</head>
<body>
    <script>
        console.log("Halo my Name is AJENG")
    </script>
</body>
</html>

Metode console.log() menulis pesan ke konsol.

Konsol berguna untuk tujuan pengujian.

Tip: Saat menguji metode ini, pastikan tampilan konsol terlihat (tekan F12 untuk melihat konsol). Jadi pada skrip di atas artinya tampilkan ke konsole dengan kalimat (“Halo my name is AJENG”)


5. Variabel

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Variable</title>
</head>
<body>
   <script>
        var angka1 = 5;
        var angka2 = 10;
        var angka3=12;
        document.write(angka1 + angka2 * angka3)
    </script>
</body>
</html>

Variabel adalah sebuah nama yang mewakili sebuah nilai. Variabel bisa diisi dengan berbagai macam nilai seperti string (teks), number (angka), objek, array, dan sebagainya. Kita bisa ibaratkan, variabel itu seperti wadah untuk menyimpan sesuatu.

Jadi pada script diatas kita membuat variabel angka1,angka2,angka3 dengan isinya maising2. Yang kemudian jumlah var angka1 dan 2 kemudian kalikan dengan var angka3 tersebut serta tampilkan dalam bentuk write 


sekian pembahasan kali ini. Terimakasih





































Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat program kasir sederhana (Pilihan menu makanan) Python.

Gambar
Halo semua .Pada kesempatan kali ini kita akan membuat program kasir sederhana tapi hanya pilihan menunya saja  tanpa mencantumkan harga. Mari kita simak bersama Sebelumnya buat file terlebih dahulu dengan format python. Disini saya membuat file bernama tugas.py Yang pertama kita deklarasi list nya terlebih dahulu. Disini kita membuat pilihan 3 jenis menu yang berisi list/array   yaitu makanan,minuman,dan snack. Lalu menu makanan,minuman,dan snack juga berisi list di dalamnya. Variabel total digunakan untuk menampung total pesanan. # deklarasi list jenisMenu =[ "Makanan" , "Minuman" , "Snack" ] menuMakanan =[ "Nasi goreng" , "Nasi Pecel" , "Soto" , "Lalapan" ] menuMinuman =[ "Es teh" , "Es jeruk" , "Es degan" , "air putih" ] menuSnack =[ "Kuaci" , "Kentang goreng" , "Kucur" , "Jamur krispi" ] Total =[] Kemudian kita menggunakan perul...
Baca selengkapnya

FUNGSI DAN TUGAS BEBERAPA LEMBAGA YANG MENGATUR INTERNET

Hallo semua ,pernahkan kalian berpikir? siapa sihh yang mengatur segala kebutuhan internet yang kita gunakan ? nah pada materi ini kita akan membahas tentang tugas dan fungsi dari beberapa lembaga yang mengatur tentang internet . 1. Internet Society(ISOC) -> pihak yang melakukan pengulasan baik secara teknik maupun menetapkan standar terkait internet, membahas lapisan fisik jaringan inter 2. World Wide Web Consortium(W3C -> mengatur serta mengelola internet di seluruh dunia. Komunitas  internasional ini  yang bertujuan untuk membangun standar aturan web secara terbuka. Tugasnya membahas aturan data yang mengalir di internet , software yang berjalan di internet. 3. Internet Architecture Board (IAB) Internet Architecture Board (IAB) adalah badan koordinasi dan penasehat teknis bagi Internet Society (ISOC). Badan ini bertindak sebagai review teknik dan editorial akhir semua standar internet. Badan ini memiliki otoritas untuk menerbitkan dokumen standar internet yang d...
Baca selengkapnya

Penyusunan sketsa,penyusunan prototipe toko online dan menampilkan data toko online dalam bentuk json

Gambar
  penyususan sketsa website toko online. 1.         Membuat Sketsa Desain Buatlah sketsa homepage pada kertas Bufallo , sehingga terdapat gambaran mengenai homepage yang sudah selesai dan bagaimana cara mengatur letak halaman   setiap menunya. Pembuatan sketsa ini akan sangat membantu untuk membuat desain web yang mempunyai daya saing. Sayangnya, banyak orang yang melewatkan langkah pertama ini. Sketsa atau wireframe ini menjadi sangat penting karena menjadi acuan awal bagaimana website akan dibentuk. 2.         Membuat Layout Desain Anda dapat membuat layout desain atau memvisualisasikannya dengan menggunakan software seperti Figma untuk memperhalus sketsa desain yang telah selesai. 3.      Design system Desain Sistem didefinisikan sebagai penggambaran perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan memp...
Baca selengkapnya