Cara Menyematkan Skrip Di Html

Daftar Isi:

Cara Menyematkan Skrip Di Html
Cara Menyematkan Skrip Di Html

Video: Cara Menyematkan Skrip Di Html

Video: Cara Menyematkan Skrip Di Html
Video: Cara membuat script html 2021 2024, Mungkin
Anonim

HTML adalah bahasa markup untuk halaman web yang bertanggung jawab untuk menampilkan elemen grafis dan tekstual. Ini juga dapat digunakan untuk menerapkan skrip yang ditulis dalam berbagai bahasa pemrograman. Elemen khusus digunakan untuk menyisipkan skrip ke dalam HTML.

Cara menyematkan skrip di html
Cara menyematkan skrip di html

instruksi

Langkah 1

Kode dapat dimasukkan ke dalam halaman baik di badan dokumen maupun di bagian. Anda dapat menggunakan jumlah elemen yang tidak terbatas untuk menambahkan konten aktif. Yang utama adalah skrip yang ditambahkan tidak mengganggu tampilan konten utama. Untuk mengedit kode HTML, buka halaman Anda di editor teks apa pun. Webmaster paling sering menggunakan program yang telah menyoroti deskriptor dalam fungsinya: Notepad ++, Web Development Studio, Pembaca HTML. File yang diperlukan juga dapat dibuka menggunakan aplikasi Notepad standar sistem operasi Windows.

Langkah 2

Di jendela editor teks, masukkan kode HTML. Misalnya, untuk menyuntikkan JavaScript ke dalam halaman, gunakan perintah berikut:

Kode untuk dieksekusi

Kode yang ditentukan akan dieksekusi pada pemuatan halaman dan akan dieksekusi dalam deskriptor. Dalam hal ini, parameter type memberi tahu pawang bahwa bahasa pemrograman JavaScript akan digunakan selanjutnya.

Langkah 3

Agar skrip dapat memproses peristiwa tertentu, misalnya, ketika tombol ditekan, itu harus dimasukkan ke dalam fungsi. Di bagian tersebut, tentukan kode skrip:

Fungsi tampilanTanggal()

{document.getElementById (“perform”).innerHTML = Tanggal (); }

Kode JavaScript ini bertanggung jawab untuk menampilkan waktu saat ini di halaman, tetapi untuk menampilkannya di monitor, Anda perlu memasukkan perintah tambahan untuk memproses teks yang dihasilkan selama operasi.

Langkah 4

Di badan dokumen menggunakan HTML, buat tombol yang akan bertanggung jawab untuk mengaktifkan elemen:

Waktu pertunjukan

Kode ini membuat tombol pengendali JavaScript. Setelah diklik, hasil skrip akan ditampilkan.

Langkah 5

Untuk memasukkan dalam HTML program skrip eksternal yang terletak di file tertentu, Anda perlu menjalankan kode berikut:

Setelah dieksekusi, skrip yang ditentukan bernama file.js akan dimasukkan ke dalam halaman. Perlu dicatat bahwa file eksternal tidak boleh mengandung elemen untuk penambahan yang berhasil.

Direkomendasikan: