Materi Tentang Java Script Part 2 (Cikarang Programing)

Oleh -
Penulisan Kode JavaScript

Materi Tentang Java Script Part 2

Didalam HTML kode JavaScript ditulis dengan tag <script> dan diakhiri dengan </script> sebagai penutup. Didalam itulah kode JavaScript ditulis. Apabila kalian menulis kode diluar script maka kode JavaScript tidak akan berfungsi. Untuk lebih jelasnya silahkan tulis kode di bawah ini

<html>
<head>
<script>
alert("Belajar JavaScript")
</script>
</head>

<body>
<p> Menulis Kode JavaScript </p>
</body>
</html>


Penempatan JavaScript dalam HTML

1). Penulisan Secara Internal
Untuk menulis JavaScript internal kamu cukup menggunakan tag HTML script dalam file HTML, kemudian dalam tag script tersebut langsung ditulis kode - kode JavaScript. Penulisan tag script dapat ditulis didalam tag head, namun juga dapat ditulis didalam tag body sebelum berakhiran dengan tag </body>. Tujuan penulisan sebelum berakhirnya tag body agar semua tag HTML didalam tag body telah selesai dimuat oleh browser, kemudian baru kode JavaScript dijalankan. Cara ini bertujuan agar jika ada kode JavaScript yang memilih element HTML yang ada didalam body dapat ditemukan oleh JavaScript.

Contoh :

<html>
<head>
<script>
alert("Belajar JavaScript 1");
</script>
</head>

<body>
<p> Menulis Kode JavaScript secara internal</p>
<script>
alert("Belajar JavaScript 2");
<script>
</body>
</html>


2). Penulisan Secara Eksternal
Untuk menulis JavaScript secara eksternal kalian juga membutuhkan tag script, namun pada tag pembukaan script memiliki sebuah atribut src. Dimana atribut tag tersebut memiliki value link dari file Java. Dan file kode JavaScript disimpan dengan format js, contohnya script.js. Jadi apabila kalian menyimpan file JavaScript dengan script.js yang masih satu folder dengan file HTML yang memuat file JavaScript tersebut src menjadi src="script.js".

Contoh :

<html>
<head>
<script src="script.js"> </script>
<script src="js/script.js"> </script>
<script src="http://www.contoh.com/js/script.js">
</script>
</head>

<body>
<p> Menulis Kode JavaScript Secara Eksternal </p>
</body>
</html>

Ketika kalian jalankan tidak ada efek apa apa ? Ya, karna file script.js belum dibuat. Pada tutorial ini kita akan menggunakan penulisan secara internal saja supaya tidak terlalu ribet banyak file.


Ok mungkin segitu saja yang dapat saya sampaikan tentang materi JavaScript untuk hari. Untuk Part selanjutnya akan segera dipublikasikan....
Lokasi: Cikarang, Bekasi, Jawa Barat, Indonesia
Hai perkenalkan nama saya Pilip Mulyadi. Saya adalah seorang siswa kelas 11 dan saya mengambil jurusan TKJ.

Comments

Post a Comment

Popular posts from this blog

Cara Membuat Absen Dengan HTML Dan CSS

Oleh -
Image
Membuat Absen Dengan HTML & CSS Pasti kalian sudah tau bentuk absen pada umunya itu seperti apa. Kali ini saya akan memberikan tutorial bagaimana cara membuat Absen dengan HTML dan CSS. waktu di HTML Part 4 kalian sudah belajar bagaimana cara membuat tabel. Dan berikut adalah Codingnya : <!DOCTYPE html> <html> <head> <style> div.a {text-align: center;} body {background-color:gray;} td { font-weight: bold;        text-shadow: 1px 1px 3px;        color: red;        background-color: deepskyblue;} table {border: 7px solid red;} </style> </head> <body> <div class="a"> <table border="10"cellpadding="5"> <tr> <th colspan="3" style="color:red; background-color: yellow;"> Masukan Nama Jurusan </th> <th rowspan="2" bgcolor="orange"> Check </th> </tr> <tr> <th style="color:red; background-color:lime;"> Nama </...
Read more

Cara membuat kalkulator dengan HTML dan CSS

Oleh -
Image
Cara Membuat Kalkulator       Hai teman-teman perkenalkan nama saya Pilip Mulyadi, saya adalah seorang siswa kelas 11 dan saya mengambil jurusan TKJ atau yang disebut dengan (Teknik Komputer dan jaringan). Saya suka sekali dengan web desain dan pada kesempatan kali ini saya akan memberikan sebuah materi yang berisi tentang HTML dan CSS. Semoga dengan ilmu yang saya bagikan kepada kalian semua bermanfaat.      Ok teman - teman di kesempatan kali ini saya akan memberikan tutorial bagaimana cara membuat kalkulator. Kita sudah tahu bagaimana bentuk dari sebuah kalkulator. Kalkulator ini bisa berfungsi seperti kalkulator pada umumnya. Untuk membuat kalkulator di html, kalian harus menyediakan editor teks/Notepad dan simpan dengan format html. Daripada kalian penasaran coding htmlnya seperti apa, berikut dibawah inilah codingnya : <html> <head> <style> body { background-color: gray;} div.a {text-align: center;} div.b {text-align: left;} .ckr { w...
Read more

Materi Tentang JavaScript Lengkap

Oleh -
Image
1). Pengenalan JavaScript JavaScript  adalah bahasa pemrograman yang digunakan untuk membuat interaksi dan menambah fitur dinamis ke dalam halaman web. Untuk membuat website, memang tidak harus menggunakan JavaScript. Namun saat ini penggunaan JavaScript hampir selalu ada di setiap web modern. Bagi programer web, JavaScript merupakan salah satu bahasa pemrograman web yang wajib di kuasai. Pada awal pembuatan JavaScript di tunjukan untuk membuat interaksi antara User dengan website menjadi lebih cepat dan tanpa menunggu pemrosesan dari server. Misalnya sebuah form yang terdapat di website dengan JavaScript kita dapat langsung memvalidasi dan mengetahui setiap inputan masih kosong atau sudah di isi dengan benar atau belum secara cepat. Sedangkan ketika tidak menggunakan JavaScript (cara lama) maka isi form tersebut harus di kirim dan di proses di server website terlebih dahulu dengan cara mengklik tombol submit yang ada di di dalam form, dan ketika ada inputan form yang tidak valid a...
Read more