Hai teman-teman. Balik lagi dengan saya. Kali ini saya akan memberikan sedikit ilmu saya tentang salah satu bahasa pemrograman yang paling populer dalam dunia web. Yak, itu adalah Javascript. Oke, sebelum teman-teman mulai belajar Javascript, teman-teman harus sudah menguasai Html dan Css terlebih dahulu. Dan jika teman-teman belum mempelajari Html dan Css maka bisa belajar Html disini dan Css disini. Setelah mempelajari itu semua baru teman-teman bisa mempelajari Javascript. Javascript bukan hanya berlaku di front-end, tapi juga bisa untuk back-end. Javascript membuat web yang kita miliki menjadi lebih inter-aktif, tp kita juga bisa buat sistem dan logika back-end dengan Javascript. Jadi teman-teman gk akan merasa rugi jika belajar Javascript.
Sebelum masuk lebih jauh, kita akan belajar cara menghubungkan file Javascript ke Html. Dalam penggabungan file ada dua cara. Yaitu Internal dan Eksternal. Maksud dari internal adalah kita nulis langsung ke dalam kode Javascriptnya dan kalau Eksternal kita harus membuat file khusus untuk Javascript itu sendiri dengan ekstensi .js
contoh cara menghubungkan Javascript ke Html dengan Internal :
<html>
<head>
<title>Belajar Javascript Itu Mudah</title>
</head>
<body>
<h1>Belajar Javascript itu Mudah</h1>
<script>
//Kode Javascript disini
</script>
</body>
</html>
nah, kode Javascript sendiri di tulis dengan tag <script>. Biasanya orang-orang akan meletakkan file Javascript dibagian bawah, hal ini supaya file html kita sudah selesai ter-load dan semua kode html kita selesai dibuat jadi tinggal ditambah Javascriptnya saja.
contoh cara menghubungkan Javascript ke Html dengan Ekesternal :
1. Buat file baru dengan ekstensi .js (disini saya buat file content.js)
2. kalian tinggal isi file tersebut dengan kode Javascriptnya langsung, tidak usah menggunakan tag <script>
3. Lalu, tambahkan <script src="fileJavascript.js"></script>. Contohnya seperti ini
<html>
<head>
<title>Belajar Javascript Itu Mudah</title>
</head>
<script src="content.js"></script>
<body>
<h1>Belajar Javascript itu Mudah</h1>
</body>
</html>
4. Jika gagal, mungkin teman-teman menyimpan filenya tidak satu folder dengan index.html nya. Jika itu terjadi maka tinggal tambagkan <script src="NamaFolder/FileJavascript.js"></script>. Dan Contohnya seperti ini
<html>
<head>
<title>Belajar Javascript Itu Mudah</title>
</head>
<script src="BelajarJavascript/content.js"></script>
<body>
<h1>Belajar Javascript itu Mudah</h1>
</body>
</html>
Setelah mempelajari cara menghubungkan file, gue ingin menambahkan sedikit. Di dalam JavaScript juga ada yang namanya komentar, seperti pada Php, Html, Css dan yang lainnya. Cara membuat komentar di Javascript cukup mudah. Pertama-tama kalian membuat strukturnya seperti ini
<script>
//Kode Javascript disini
</script>
ket : yang ada tanda // itu disebut komentar
dan ada juga cara membuat komentar lebih dari satu baris yaitu dengan cara seperti ini
<script>
/*Kode Javascript disini
Kode Javascript disini
Kode Javascript disini*/
</script>
dan content dari tanda /* */ adalah komentar.
Nah, terserah teman-teman ingin menggunakan yang mana. Yang menurut teman-teman itu mudah
Oke, sekian dulu dari saya. Jika ada pertanyaan silahkan bisa menghubungi admin dengan meng-klik icon media sosial yang ada di bagian sidebar atau klik disini. Sampai Jumpa di pelajaran berikutnya ^_^
Sign up here with your email
6 comments
Write commentsmantab jiwa artikel kakak sangat bagus dan sangat bermanfaat bagi saya yang baru belajar dalam javascrip di HTML,dan banyak juga contoh yang bagus-bagus sehingga lebih mudah di pahami oleh kami,semoga kakak semakin sukses dan dapat membagikan ilmunya lagi ke kami-kami yang baru belajar.perkenalkan nama saya adalah Pegi Anggraini dari kampus STMIK ATMA LUHUR dan jangan lupa kunjungi webseit kami di https://www.atmaluhur.ac.id/
ReplyKeren!! Tutorial detail seperti ini sangat membantu saya dalam menyelesaikan tugas pengerjaan javascript dan memahami tentang apa itu javascript.
ReplyThanks min. Perkenalkan saya EKA SUKMA DEWI dan ini website kampus saya https://www.atmaluhur.ac.id/
Hallo kak, terimakasih atas artikel yang kakak buat karena membuat saya paham cara menghubungakan file javascript ke html dengan penjelasan yang sangat jeles sekali kak. Ditunggu ya kak artikel berikutnya semoga kak sukses dan sehat selalu.
ReplyOh ya perkenalkan nama saya Wahyu Ramadhan, kunjungi website kampus kami kak https://www.atmuhur.ac.id/
Wahwah keren artikelnya kak mudah dipahami untuk JavaScript nya, semangat trus ya kak membuat artikel yang bisa membantu org bnyak
ReplyMaksih ya kak
Perkenalkan nama Saya peri Supriyanto
Kunjungi website kampus kami
https://www.atmaluhur.ac.id/
keren sekali kak artikelnya, saya merasa sangat terbantu dalam mempelajari javascript yang ada di blog ini, berkat ini saya bisa lebih mudah menguasainya dengan mudah di pahami, terimakasih ya kak kenalkan nama saya Aqilla Fadiya Haya , oh iya kenalin juga nih website kampus saya https://www.atmaluhur.ac.id/
ReplyHalo Kak artikel nya keren sangat membantu untuk menambah file di javascript artikel nya agk mudah di pahami ini sangat membantu saya dalam mengerjakan tugas perkenalan saya Abdul rahim
ReplyKunjungi juga website kampus kami
https://www.atmaluhur.ac.id/
ConversionConversion EmoticonEmoticon