Langsung ke konten utama

Javascript dasar : mengenal dan membuat javascript awal pertama kali

 



 pemrograman javascript bagiku sangatlah menakutkan karena bahasa javascript menurutku sangatlah banyak sekali yang harus diketahui, tapi dalam tulisan ini akan
membahas yang pokok saja dan setidaknya kita bisa membaca file atau pemrograman javascript. seperti biasa sebelum memulai izinkan diri ini untuk mengucpkan

Salam sobat semua
Alhamdulillahi robbil 'alamiin atas segala nikmat yang sudah Allah beri gratis kepada diri ini sehingga diri ini bisa menulis dan berbagi dalam tulisan ini apa-apa 
yang saya tahu dan apa yang saya bisa. Sholawat serta salamku akan tetap terpanjatkan untuk baginda Sayyidina Muhammad ibni Abdillah S.A.W. bbeserta kepada keluarga
dan para sahabatnya. sebelum kita mulai mengenal apa itu javascript dan sebelum kita memulai mencoba membuat javascript awal pertama kali mari kita bersama-sama untuk
membaca basmalah agar segala urusan dan percobaan kita di beri kemudahan, pemahaman dan kelancaran.
Bismillahir rohmaanir rohiim, javascript kalau menurut saya adalah pemrograman yang berfungsi memanipulasi tampilan pada html, sehingga proses dari kegiatan suatu 
website akan tampak sangat menarik sekali. dan kita di tulisan ini akan mencoba yang pokok-pokok saja, yang penting kita bisa membaca dan mempercantik website kita
nantinya. nah seperti biasa kita akan disodorkan lagi untuk memakai text editor, text editor ini sangat lah banyak tergantung kesukaan kalian masing-masing, kalau 
saya lebih enak pakai notepad++, dan kalau kalian ingin mengikuti saya silahkan di instal dan didownload notepad++ nya pada halaman ini
kalau sudah sekarang buka text editor nya kemudian kita buat tab baru, sebelum kita mulai mengetik atau copy paste kode javascript, perlu kita ketahui untuk menulis
atau membuat javascript ini ada dua cara yaitu

1. menulis dan membuat javascript dalam file HTML, untuk lebih memahaminya mari kita lihat kode javascript berikut ini.
<script>
alert("Hai ini javascript pertamaku");
</script>

silahkan ketik atau copy paste kode diatas ke dalam text editor kalian, dan kemudian kalian save dengan nama filejs_1.html atau terserah kalian untuk namanya, biar

nanti tidak repot mari kita samakan saja nama filenya dengan filejs_1.html. dan kalau filejs_1.html ini kita load atau di buka pada browser maka akan menghasilkan

output seperti berikut


atau bisa kodenya sperti ini

<script>
document.write("Hai ini javascript pertamaku");
</script>

maka kode diatas akan menghasilkan output seperti berikut


2. kita menulis dan membuat javascript diluar file HMTL, sehingga nanti ada dua file seperti file css yaitu akan ada file javascript dan HTML. untuk caranya

kita langusng saja buat di tab baru notepad++ atau text editor kita dan kita sepakati kita untuk nama filenya kita buat tes.js biar lebih mudah untuk mencobanya.

dan simpanlah nanti dengan nama tes.js dan letakkan dalam folder baru dan beri nama folder tersebut dengan js. sehingga penampakan file dan foldernya seperti berikut.



dan sekarang kita ketik atau copy paste kode berikut ini dan kemudian simpan dengan nama file tes.js
function outawaljs(){
document.write("<h2>Hai ini javascript pertamaku</h2>");
}

dan pemanggilan dalam kode html kodenya sperti berikut

<script language="javascript" src="js/tes.js"></script>

dan untuk kode lengkapnya di filejs_1.html menjadi seperti kode berikut

 <html>

<head>

<title>My Web</title>

<script language="javascript" src="js/tes.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>

<body  onload="outawaljs()">

<div id="outjs"></div>

</body>

<html>

sehingga kalau di jalankan kode diatas akan menghasilkan output seperti berikut

 


jadi seperti itulah untuk memulai dan membuat file pemrograman javascript. dan saya rasa cukup sekian dulu tulisan tentang mengenal dan membuat javascript awal pertama kali dan Insya Allah kita lanjut di next tulisan, dan semoga tulisan ini bisa menjadi dan membawa manfaat bagi kita semua. Aamiiin

salam sobat semua


#javscript #html #free #share #gratis #berbagi #web #website #websites

 




 

 

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

belajar CSS dasar bersama part 3 : Cara mengetahui dan menetapkan nilai hex warna pada CSS atau HTML dengan offline beserta kelebihannya

   warna di css merupakan bagian terpenting, karena warna akan mempercantik sebuah tampilan website yang nanti akan kita buat, namun kita harus tahu bagaimana cara membuat atau memberi nilai atau value hex warna di css sehingga tampilan HTML kita akan cantik dan menarik, tapi sebelum kita memulai izinkan saya untuk mengucapkan Salam sobat semua Alhamdulillah atas segala sesuatu nikmat yang telah Allah berikan kepada diri ini, dan salah satu nya nikmat masih di beri kesempatan untuk bisa menulis dan berbagi dengan kalian. dalam kesempatan kali ini sesuai janji saya pada tulisan sebelumnya bahwa kita akan mencoba bagaimana caranya mendapat nilai hex warna pada CSS atau html secara offline. dan untuk kali ini kita akan memakai aplikasi pembantu yaitu adobe photoshop. dan ini sudah saya lakukan bertahun-tahun dalam pembuatan websites ataupun blog. bagi yang belum punya adobe photoshop di perangkatnya silahkan kalian  baca tutorial sebelumnya tentang adobe photshop disini. kalau bagi yang s
Posting Komentar
Baca selengkapnya

Install Notepad ++

Install Notepad ++ Salam semuanya sobat Pada kesempatan kali ini saya ingin menyimpan tata cara instal notepad ++ dan filenya. Agar tidak usah mencari di blog lain hehehehe. Fungsi notepad ++ ini sangatlah banyak dan sering saya gunakan untuk keperluan sehari-hari seperti koding php, html, perl dan lain-lain. Bagi saya tools kecil ini sangat bermanfaat. Dan siapa tahu juga bermanfaat buat kalian semua pembaca. Oke langsung saja download aplikasi notepad ++ nya disini Kemudian ekstrak filenya dan klik file exe installernya dua kali, sehingga akan tampil serperti pada gambar, dan kemudian pilih english saja dan klik ok. Kemudian klik next seperti pada gambar  Kemudian klik i agree Dan kemudian klik next saja kalo ingin letak folder installer atau pemasangannya di defaultkan oleh kita.  Kalau ingin dipindah, tinggal klik browse saja dan kemudian pilih letak foldernya  Kemudian ada beberapa pilihan atau opsi. Ikuti seperti gambar ya hehehehe: D  Dan yang terkahir selesai dan di tahap ini
Posting Komentar
Baca selengkapnya