Skill Level
Beginner
Categories
Web Development
Reading Time
2 minutes, 6 seconds
Technology
JavaScript
Framework
No framework
Library
No library
Program Sederhana Dengan JavaScript

Jika kamu seorang web developer mungkin sudah tidak asing lagi dengan bahasa pemrograman yang satu ini. JavaScript merupakan sebuah bahasa pemrograman yang hebat walaupun sulit untuk dipahami dengan begitu JavaScript interface pembantu dalam pemrograman web.

Di postingan ini saya mau ngasih contoh program sederhana dengan JavaScript, pada tutorial ini saya akan menggunakan metode penulisan eksternal yaitu memisahkan file JavaScript dengan file html. Scroll kebawah yuk biar tahu!

 

Step by step

1. Buka text editor kesayangan kamu.

2. Buat dokumen baru pada text editor tersebut.

3. Tuliskan coding JavaScript dibawah ini.

var n = prompt("Masukan nama anda:");
var c = confirm("Hai "+n+"! Apakah saya tampan?");
if (c == true) {
  alert('Oh Thanks!!');
}else{
  alert('Why?!!');
}

4. Simpan file tersebut dengan nama program.js.

5. Buat dokumen baru lagi pada text editor kamu.

6. Tuliskan coding html berikut ini, fungsi file html ini untuk menjalankan program JavaScript diatas.

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="program.js"></script>
  </head>
</html>

7. Simpan file html tersebut dengan nama index.html dan simpan kedua file dalam satu folder yang sama.

8. Untuk menjalankan program JavaScript diatas maka buka file index.html pada browser dan selesai.

 

Final Words

Program JavaScript diatas hanya menggunakan fungsi-fungsi dasar dari JavaScript dan pada program diatas hanyalah dasar dari kehebatan JavaScript. Untuk mendalami bahasa pemrograman JavaScript silahkan kunjungi situs ini karena disitus tersebut selain lengkap juga GRATIS!. Mungkin cukup sudah tulisan di postingan ini terima kasih dan sampai jumpa di tutorial berikutnya.

Topik:

Baca juga post berikut

9 Template Admin Berbasis Bootstrap 4

Share-in – Floating Share Button

Muhamad Nauval Azhar
3 years ago  •  Posted by
Muhamad Nauval Azhar
Junior Programmer

lorem ipsum dolor sit amet

Dapatkan notifikasi untuk setiap artikel baru dan jadilah yang pertama tahu!