◜⁠✧｡⁠ﾟ☆PERBEDAAN JAVASCRIPT DENGAN HTML☆ﾟ｡⁠⁠✧◜

pada tanggal


◜⁠✧｡⁠ﾟ☆PERBEDAAN JAVASCRIPT DENGAN HTML☆ﾟ｡⁠⁠✧◜




Hai semuaaa! semangat ya jalani hari-harimu walau ga punya someone to talk ^^ eh eh yaampun HAHA , yuk langsung ke materi aja man-teman.

HTML (HyperText Markup Language) dan JavaScript adalah dua teknologi web yang berbeda, meskipun keduanya sering digunakan bersama untuk membangun halaman web interaktif. Berikut adalah perbedaan utama antara HTML dan JavaScript:

1. Fungsi Utama

HTML: HTML adalah bahasa markup yang digunakan untuk struktur dan penataan konten halaman web. Ini memberikan kerangka dasar untuk elemen-elemen seperti teks, gambar, tautan, dan tabel. 

-Contoh: Menyusun judul, paragraf, gambar, dan form.

JavaScript: JavaScript adalah bahasa pemrograman yang digunakan untuk membuat halaman web menjadi interaktif. JavaScript memungkinkan pengembang untuk menambahkan logika, manipulasi data, dan interaksi dinamis dengan pengguna.

-Contoh: Menambahkan efek animasi, memvalidasi form, atau merubah konten halaman secara real-time tanpa memuat ulang halaman.

2. Jenis Bahasa

  • HTML: HTML adalah bahasa markup yang statis. Ini digunakan untuk mendefinisikan struktur halaman.
  • JavaScript: JavaScript adalah bahasa pemrograman yang dinamis. Ini memungkinkan pengolahan data dan interaksi dengan elemen HTML.
3. Tugas
  • HTML: Digunakan untuk membuat struktur halaman. HTML menetapkan elemen-elemen dasar seperti header, paragraf, gambar, dan link.
  • JavaScript: Digunakan untuk memberikan fungsi interaktif pada elemen HTML. JavaScript bisa menangani input dari pengguna, mengubah tampilan elemen, dan berinteraksi dengan server.
4. Contoh Sintaks
  • HTML:html<html> <body> <h1>Selamat datang!</h1> <p>Ini adalah paragraf dalam HTML.</p> </body> </html>
  • JavaScript:javascriptdocument.getElementById("demo").innerHTML = "Hello, World!";
5. Tempat Penulisan
  • HTML: Biasanya disimpan dalam file dengan ekstensi .html atau .htm.
  • JavaScript: Biasanya disimpan dalam file dengan ekstensi .js. JavaScript juga bisa disematkan langsung dalam file HTML menggunakan tag <script>.
6. Interaksi dengan Pengguna
  • HTML: Tidak dapat berinteraksi dengan pengguna setelah halaman dimuat, selain dengan bentuk statis.
  • JavaScript: Bisa memberikan interaksi dinamis, seperti merespons klik tombol, mengubah tampilan elemen, atau berinteraksi dengan server tanpa memuat ulang halaman (AJAX).
7. Eksekusi
  • HTML: HTML dijalankan langsung oleh browser dan digunakan untuk merender tampilan halaman.
  • JavaScript: JavaScript dijalankan oleh browser setelah HTML dimuat, dan berfungsi untuk menambah logika serta dinamika pada halaman tersebut.
8. Contoh Kasus Penggunaan
  • HTML: Membuat struktur halaman seperti form, tabel, gambar, dan teks.
  • JavaScript: Mengubah isi teks atau gambar berdasarkan aksi pengguna, menghitung total harga dalam keranjang belanja, atau membuat animasi.
Kesimpulan
  • HTML adalah dasar untuk mendefinisikan struktur dan konten dari halaman web, sementara JavaScript digunakan untuk menambahkan interaktivitas dan dinamika pada halaman tersebut.
  • HTML tidak bisa melakukan hal-hal seperti memanipulasi elemen halaman setelah dimuat, sedangkan JavaScript memiliki kemampuan untuk itu.

Semangat buat kalian yang lagi diterkam tugas!


Komentar

Posting Komentar