Penulisan kode javascript di html dapat dilakukan dengan beberapa cara yaitu

Selamat datang kembali di Sarapan Koding.

Table of Contents

  • Aturan Penulisan JavaScript:
  • Penulisan JavaScript Langsung di dalam HTML
  • Penulisan JavaScript di Luar HTML
  • Penulisan JavaScript Menggunakan Atribut Event
  • Penulisan JavaScript Menggunakan URL
  • Bagaimana cara menulis kode JavaScript di HTML?
  • Bagaimana cara menjalankan JavaScript?
  • Apakah JavaScript cocok untuk pemula?
  • Manakah script yang digunakan untuk memanggil file JavaScript?

Kali ini kita akan membahas tutorial javaScript lagi, kita akan membahas cara penulisan javaScript di dalam HTML. Berikut beberapa aturan penulisan javaScript:

Aturan Penulisan JavaScript:

  • Kode javaScript bisa ditulis langsung di dalam kode HTML
  • kode javaScript juga bisa ditulis di luar file HTML dengan membuat file berformat .js
  • Kode javaScript yang ditulis/ disisipkan di dalam HTML harus berada di dalam tag
  • JavaScript bersifat case sensitive [besar kecil huruf berpengaruh]
  • Kode javaScript bisa diletakkan di bagian tag atau

selain aturan penulisan javaScript di atas, ada beberapa cara lain untuk menulis javaScript, yakni dengan menggunakan atribut event dan URL. Berikut penjelasan dari masing-masing cara penulisan javaScript.

Penulisan JavaScript Langsung di dalam HTML

Cara yang pertama adalah meletakkan langsung kode javaScript di dalam HTML, kalian dapat meletakkan kode javaScript di antara tag dan . Kalian dapat meletakkan kode tersebut di dalam tag atau dalam HTML. Langsung saja menuju contoh.





    Tutorial JavaScript
    
        alert["Hello, ini adalah javaScript !"];
    



    
        document.write["Hello World!"];
    



dari contoh di atas, dapat dilihat kode javaScript disisipkan pada tag head dan body. Berikut hasil dari kode di atas.

gambar hasil dari kode javascript yang disisipkan di bagian head pada HTML [baris kode ke 5 - 7].

gambar hasil dari kode javascript yang disisipkan di bagian body pada HTML [baris kode ke 10 - 12].

Penulisan JavaScript di Luar HTML

Cara kedua adalah menulis kode javaScript di luar HTML, di cara ini kalian harus membuat 2 file, yang pertama adalah file HTML dengan nama index.html, dan yang kedua adalah file javascript dengan nama file-javascript.js

berikut adalah isi dari file index.html





    Penulisan Javascript
    






berikut adalah isi dari file file-javascript.js

alert['Wow!, Ini adalah kode javascript dari luar HTML'];

Pada contoh di atas, baris kode ke-5 pada file index.html memanggil file file-javascript.js yang ada di luar HTML. Berikut merupakan hasil ketika kita menjalankan file index.html di browser.

Penulisan JavaScript Menggunakan Atribut Event

Pada cara ketiga ini penulisan javascript menggunakan atribut event, maksudnya cara ini sering digunakan untuk memanggil fungsi pada event terentu. Contoh ketika kita ingin memunculkan alert pada saat menekan tombol maka kita menggunakan event title.

Klik Disini!

hasilnya akan seperti di bawah ini

Selain event title, masih banyak event-event lain seperti ondoubleclickonsubmit, onload, onmouseover, onmouseout, dan masih banyak lagi yang lainnya.

Penulisan JavaScript Menggunakan URL

Cara keempat ini hampir jarang digunakan, tapi tidak ada salahnya kita bahas disini sebagai pengetahuan mengenai javaScript. Cara keempat ini cukup simpel, yakni kalian dapat menulis kode javaScript langsung di URL browser. Contoh kita akan membuat alert melalui URL, cukup ketikkan 

javascript:alert["Ini javascript dari URL"]

Maka akan muncul alert. Ketika kita ingin menyisipkannya di HTML, cukup menggunakan tag a.

Link

Cukup sekian tutorial kali ini, semoga bermanfaat. Sampai jumpa di tutorial javaScript berikutnya.

jangan lupa Sarpan Koding !.

Bagaimana cara menulis kode JavaScript di HTML?

Cara membuat JavaScript di HTML secara langsung Anda bisa langsung menambahkan JavaScript di HTML dengan menggunakan tag yang mencakup semua kode JS yang Anda tulis. Kode JS yang bisa ditambahkan: di antara tag di antara

Bagaimana cara menjalankan JavaScript?

Mengaktifkan JavaScript di browser Anda.

Buka Chrome di komputer Anda..

Klik. Setelan..

Klik Keamanan dan Privasi..

Klik Setelan situs..

Klik JavaScript..

Pilih Situs dapat menggunakan JavaScript..

Apakah JavaScript cocok untuk pemula?

JavaScript yaitu salah satu bahasa pemrograman yang populer dan memiliki keunggulan yang mudah dipelajari untuk pemula. JavaScript juga sangat cocok untuk dipelajari jika Anda berkeinginan membuat website.

Manakah script yang digunakan untuk memanggil file JavaScript?

Kode JavaScript di input menggunakan tag . Tag akan memberitahu web browser bahwa kode diantara tag tersebut bukanlah HTML, tetapi JavaScript.

Bagaimana cara menulis kode JavaScript di HTML?

Cara membuat JavaScript di HTML secara langsung Anda bisa langsung menambahkan JavaScript di HTML dengan menggunakan tag yang mencakup semua kode JS yang Anda tulis. Kode JS yang bisa ditambahkan: di antara tag di antara

Bisakah JavaScript ditulis diluar file HTML?

Menulis Javascript pada File Eksternal Cara kedua, kita bisa menulis Javascript di File yang terpisah dengan HTML. Biasanya digunakan jika kita tidak ingin kode Javascript bercampur dengan kode HTML. Bagaimana caranya? Caranya, buatlah sebuah file yang berekstensi .js .

Bagaimana kode JavaScript disisipkan atau ditempatkan pada dokumen HTML?

3. Elemen Script dari contoh kode diatas bisa dilihat ada 2 cara untuk memasukkan javascript kedalam html, yang pertama adalah Tag yang diletakkan didalam elemen head, dan yang kedua yaitu Tag yang diletakkan didalam elemen body.

Bagaimana Memulai JavaScript?

Tips Belajar JavaScript untuk Pemula.
Unduh editor kode atau pakai editor online. ... .
3. Ikuti pelatihan online. ... .
4. Jangan takut untuk bereksperimen. ... .
Cari mentor. ... .
6. Catat selalu hal-hal yang dipelajari. ... .
7. Pahami setiap baris dari kode yang Anda buat. ... .
Selalu manfaatkan panduan referensi. ... .
9. Cari teman untuk belajar bersama..

Bài mới nhất

Chủ Đề