Now Reading:

Bagian 3 JavaScript

Bagian 3 JavaScript

Tutorial ini merupakan lanjutan dari tutorial sebelumnya, yaitu HTML dan CSS. Jika belum mengetahui apa itu HTML dan CSS, kamu bisa mempelajarinya pada tutorial di bawah ini.

  1. Full Stack Web Developer Bagian 1 – HTML
  2. Full Stack Web Developer Bagian 2 – CSS 

Saya harap kamu telah mengetahui HTML dan CSS, dan mari kita lanjut belajar.

Apa itu JavaScript?

JavaScript adalah bahasa pemrograman yang dapat bekerja di lingkungan front-end dan back-end (server). Namun pada tutorial ini, kita akan lebih fokus belajar dalam bidang front end menggunakan JavaScript.

JavaScript umunya digunakan untuk membuat website dan aplikasi yang interaktif dan dinamis, seperti game, live chat, dan media informasi.

Cara Penulisan JavaScript

Ada 2 cara untuk menulis atau lebih tepatnya menempatkan kode JavaScript.

  1. Menempatkan kode JavaScript, di dalam file .html.
  2. Menempatkan kode javaScript, di dalam file .js dan memanggilnya di file .html

 

Baiklah untuk tahap dasar, kita akan belajar menampilkan teks menggunakan JavaScript dengan kedua metode penulisan diatas.

1. Menempatkan JavaScript Di Dalam File html

Buka teks editor (Sublime Text, VSCode, ataupun teks editor lainya). Kemudian salin kode di bawah ini, lalu simpan dengan nama html-javascript.html, dan lihat hasilnya di browser.

See the Pen Full Stack Web Developer – JavaScript – HTML & JS by Andry Lubis (@andrylubis) on CodePen.

 

2. Menempatkan JavaScript Di Dalam File .js dan memanggilnya di File html

Buka teks editor. Kemudian salin kode di bawah ini, lalu simpan dengan nama teks.js

See the Pen Full Stack Web Developer – Javascript – JS by Andry Lubis (@andrylubis) on CodePen.

Buka teks editor. Kemudian salin kode di bawah ini, lalu simpan dengan nama teks.html

See the Pen Full Stack Web Developer – Javascript – JS by Andry Lubis (@andrylubis) on CodePen.

Lihat hasilnya di browser dengan melakukan klik 2 kali pada file teks.html

See the Pen Full Stack Web Developer – Javascript – JS by Andry Lubis (@andrylubis) on CodePen.

Diatas kita telah belajar menulis kode JavaScript dan mengetahuinya bahwa Javascript bisa ditulis di dalam file html dan diluar file html. Selanjutnya kita akan belajar JavaScript lebih dalam lagi.


Silahkan klik tombol Next Step untuk melanjutkan belajar.

Love coding dan antusias pada new technology

Share This Articles