Cara Membuat Fungsi Dengan JavaScript

Logo Javascript

Cara Membuat Fungsi Dengan JavaScript - Kali ini saya akan mengajarkan sedikit tentang fungsi di javascript, fungsi di javascript bisa dibilang mempermudah / mempersingkat dalam memproses di dalam HTML. Bagi yang pengen lebih tau tantang artikel javascript cek disini. Javascript bisa mengubah HTML yang termasuk web jenis statis bisa menjadi dinamis dengan javascript. Langsung saja ke topik yang akan saya bahas, untuk fungsi kali ini ini saya menggunakan pengecekan bilangan ganjil genap. Cara Membuat Cek Bilangan Ganjil Genap

  • Buat yang baru belajar bisa gunain notepad ++, atau software lainnya. Disini saya menggunakan Notepad ++.
  • Silahkan anda masukan copas script berikut, dan berilah nama sesuai keinginan anda dengan extensi .HTML.

<!DOCTYPE html>
<html>
<head>
 <title></title>
</head>
<body>
<script type="text/javascript">
function jumlah(){
 var x = document.kalkulator.angka1.value;
 if(x%2==1){
  z = "Ganjil";
 }else{
  z = "Genap";
 }
 document.kalkulator.angka2.value=z;

}
</script>
<form name="kalkulator" action="">
<input type="text" name="angka1" size="20" value="" onkeyup="jumlah()" />
<input type="text" name="angka2" size="20" value=""/>
</form>
</body>
</html>
  • Untuk menjalankannya sangat mudah yaitu dengan double klik pada file anda. Maka anda akan menjumpai hasil seperti ini.


Hasil Jadi
Ada 3 cara penempatan pada javascrip:
  1. Inline

  2. Inline cara penulisannya adalah dengan langsung pada element HTMLnya.
    <input type="button" value="klik saya" onclick="alert('Belajar Informatika')" />

  3. Eksternal

  4. Eksternal cara menggunakannya adalah kita harus memanggilnya terlebih dahulu. Yang sudah diberikan nama dan ekstensi .JS
    <script type="text/javascript" src="Nama_File.js"></script>

  5. Internal

  6. Internal cara penulisannya adalah seperti yang saya berikan diatas, untuk letak dari javascript tidak harus diantara element </head> dan <body>.

0 komentar:

Post a Comment