Pengenalan JavaScript - MastahTeknik

Breaking

Senin, 24 Desember 2018

Pengenalan JavaScript

Pengenalan Javascript
Javascript adalah bahasa yang berbentuk kumpulan skrip yang berjalan padasuatu dokumen HTML. Sepanjang sejarah internet bahasa ini adalah bahasaskrip pertama untuk web. Bahasa ini adalah bahasa pemrograman untukmemberikan kemampuan tambahan terhadap bahasa HTML denganmengijinkan pengeksekusian perintah perintah di sisi user, yang artinya di sisibrowser bukan di sisi server web.
Penulisan Kode Javascript
Ada beberapa cara untuk menuliskan kode Javascript di dalamdokumen/halaman HTML, yakni menggunakan tag <script>, menggunakan fileeksternal, dan melalui event tertentu.
  • Menggunakan tag <script> Untuk membuat kode javascript dengan menggunakan tag script, dapat dilihat pada contoh dengan nama file alert1
  • Menggunakan file ekstrenal Menuliskan kode program Javascript dalam suatu file teks dan kemudian file teks yang berisi kode Javascript di panggil dari dalam dokumen HTML
  • Melalui event tertentu Penanganan Event atau Event Handler adalah kemampuan javascript untuk mendeteksi event atau kejadian-kejadian yang terjadi di halaman web, kemudian menangani atau melakukan suatu proses jika terdeteksi suatu event. Event di web bisa macam-macam, seperti klik, double klik, menggerakkan mouse, bila pointer mouse berada di atas suatu objek HTML, dan sebagainya.
Percobaan
Buatlah halaman web sebagai berikut.
Simpan file tersebut dengan nama alert1.html
Pada contoh diatas kita telah membuat sebuah halaman web dengan menampilkan alert selamat pagi dan isi dari halaman web itu adalah kata di bawahnya.
Buatlah halaman web sebagai berikut.
Langkah pertama buat file eksternalnya terlebih dahulu
Simpan dengan nama cetak.js
Lalu buat file html nya
Simpan dengan nama eks.html
Buatlah halaman web sebagai berikut.
Simpan file tersebut dengan nama event.html
Javascript dapat merubah content
Buatlah halaman web sebagai berikut.
Simpan file tersebut dengan nama ubahContent.html
Javascript dapat merubah atribut HTML (contoh pada atribut img/gambar)
Buatlah halaman web sebagai berikut.
Dari contoh diatas tersedia gambar bola sepak yang apabila di klik akan menjadi bola basket
Simpan nama file tersebut dengan nama ubahGambar.html
Javascript dapat merubah style CSS
Buatlah halaman web sebagai berikut.
Ketika tombol di klik maka ukuran font akan membesar dan warnanya menjadi biru
Simpan file tersebut dengan nama ubahStyle.html

4 komentar:

  1. sangat membantu gan, ane bisa belajar js lebih dalam nih. di undang mampir ke blog ane gan https://www.teknologivirals.online/

    BalasHapus
    Balasan
    1. makasih gan atas responnya, sudah saya kunjungi balik gan

      Hapus
  2. Ternyata ngoding dengan Java script lumayan mengasikan

    BalasHapus

Post Top Ad

Responsive Ads Here