📋
Seri Belajar Pemrograman
  • Seri Belajar Pemrograman
  • HTML dan CSS
    • Pengenalan HTML dan CSS
    • Tipografi Dasar
    • List
    • Tabel
    • Link, Gambar dan Multimedia
    • Layout
    • Form
    • Praktikum I : Membuat Halaman Login dan CRUD
  • Javascript
    • Pengenalan Javascript
    • Dasar Pemrograman Javascript
    • Operator
    • Seleksi Kondisi
    • Perulangan
    • Fungsi
    • String
    • Array
    • JSON
    • Error Handling
    • AJAX
    • Local Storage
    • Param Url
    • Notification
    • Asynchronous
    • Praktikum II : Mengintegrasikan Halaman Login dan CRUD dengan AJAX
  • Database
    • Pengenalan Database
    • Perancangan Database
    • Operasi Select
    • Operasi Join
    • Operasi Insert
    • Operasi Update
    • Operasi Delete
  • Node JS
    • Pengenalan Node JS
    • Module
    • Express
    • Rest API
    • JWT Token
  • Svelte
    • Pengenalan Svelte
    • Routing
    • Protected Routing
    • Login
    • Halaman List
    • Halaman Form
    • Halaman View
    • Delete Action
  • Svelte Native for Mobile
    • Pengenalan Svelte Native
Powered by GitBook
On this page
  • Inline
  • Embed
  • External

Was this helpful?

  1. Javascript

Pengenalan Javascript

Javascript merupakan bahasa pemrograman yang awalnya hanya bisa berjalan di browser. Namun belakangan, javascript juga bisa jalan di server, sehingga popularitas javascript meningkat dengan drastis. Javascript bisa digunakan untuk membangun frontend web, API backend, frontend mobile, desktop, dan iot.

Untuk tahap awal, kita akan belajar javascript yang berjalan di browser. Ada tiga cara untuk menulis kode javascript di HTML, yaitu : Inline, Embed dan external.

Inline

Kode javascript ditempel langsung pada properti HTML.

<button onclick="alert('Hi')">Say Hi</button>

Embed

Kode javascript ditulis langsung sebagai tag element <script></script> di HTML.

<!DOCTYPE html>
<html>
  <head>
    <title>Javascript</title>
  </head>
  <body>
    Internal Javascript
    <script>
      console.log("embed javascript");
    </script>
  </body>
</html>

Kode di atas akan menampilkan tulisan "Internal Javascript" di browser. Sementara kode javascript akan menampilkan log "embed javascript" di console browser. Untuk melihat console browser, tampilkan developer tools dan klik tab console.

External

Kode javascript ditulis di file terpisah dan dipanggil melalui link.

index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Javascript</title>
    <script src="index.js"></script>
  </head>
  <body>
    External Javascript
  </body>
</html>
index.js
console.log("external javascript")
PreviousPraktikum I : Membuat Halaman Login dan CRUDNextDasar Pemrograman Javascript

Last updated 3 years ago

Was this helpful?