Minggu, 12 April 2020

MENGENAL FUNCTION PADA JAVASCRIPT


PERTEMUAN  KELIMA
 MATERI   =>   mengenal function pada javascript
ada dua jenis fungsi pada javasript
1.     Built in function => pengguna tidak perlu lagi mendefinisikan fungsi tersebut ,pengguna tinggal memanggilnya dalam kode program.built in function dapat dibagi ke dalam funfsi trigonometri,string,pengubah nilai,file dan lain-lain
2.     User denined function  => fungsi yang dibuat oleh pengguna
Langkah-langkah pembuatan user denined function deklarasi function dan panggil function
Langsung saja ke contoh
A.    Contoh  untuk Built in function

1.     Contoh pertama
Langkah-langkah
1.    Kita buka notepad
2.    Lalu kita simpan dengan nama yang kita inginkan misal (membuat function.html), bisa disimpan di sembarangan tempat
3.    Kita ketikkan kode html
Kita dapat menggunakan contoh kode di bawah ini
<!DOCTYPE html>
<html>
<body>
<p>klik tombol untuk menghasilkan spasi</p>
<button onclick="myfunction()">klik</button>
<script>
function myfunction(){
var str = " FIKOM UNIKA! ";
alert(str.trim());
}
</script>
</body>
</html>


Dari hasil kode html yang kita buat di atas maka akan tampil seperti gambar di bawah ini




2.       Contoh kedua
Langkah-langkah
1.    Kita buka notepad
2.    Lalu kita simpan dengan nama yang kita inginkan misal (membuat function1.html), bisa disimpan di sembarangan tempat
3.    Kita ketikkan kode html
Kita dapat menggunakan contoh kode di bawah ini
<!DOCTYPE html>
<html>
<body>
<script>
var a,b,c;
a=parseInt("5");
b=parseInt("10");
c=a+b;
document.write("Nilai C ="+c);
</script>
</body>
</html>

Dari kode di atas maka akan tampil seperti gambar di bawah ini

B.    User denined function

1.     Contoh pertama

Langkah-langkah
1.    Kita buka notepad
2.    Lalu kita simpan dengan nama yang kita inginkan misal (membuat function2.html), bisa disimpan di sembarangan tempat
3.    Kita ketikkan kode html
Kita dapat menggunakan contoh kode di bawah ini
<script>
//deklaraasi fungsi
function kampusku()
{
document.write("UNIKA ST.THOMAS MEDAN");
return;
}
//panggil fungsi
kampusku();
</script>

dari  kode html di atas maka akan tampil seperti gambar di bawah ini

2.     Contoh kedua
Langkah-langkah
1.    Kita buka notepad
2.    Lalu kita simpan dengan nama yang kita inginkan misal (membuat function3.html), bisa disimpan di sembarangan tempat
3.    Kita ketikkan kode html
Kita dapat menggunakan contoh kode di bawah ini
<script>
//deklarasi fungsi
function tampiltombol(a,b)
{
for(i=a; i<=b;i++)
{
document.write("<input type=button value="+i+">");
}
return;
}
//2.panggil fungsi
tampiltombol(1,100);
</script>

dari  kode html di atas maka akan tampil seperti gambar di bawah ini



Sekian contoh sederhana untuk menampilkan penggunaan function pada javascript ,semoga bermanfaat bagi kita yang membutahkan ,jika ada kesalahan sebelumnya saya minta maaf, mohon di kasih saran untuk lebih baik lagi

NAMA   :  GIRALDO SILITONGA
NPM      : 180840009
 PRODI   : TEHNIK INFORMATIKA
 DOSEN PENGAMPU  : WASIT GINTING S.KOM ,M.KOM


Diposting oleh di 1 komentar:

PENGENALAN JAVASCRIPT


PERTEMUAN  KEEMPAT
MATERI   =>  JAVASCRIPT
JAVASCRIPT  ADALAH   BLOK KODE PROGRAM YANG DI SUSUN SECARA SISTEMATIS UNTUK PEKERJAAN TERTENTU
Tag yang digunakan pada javascript yaitu dengan menggunakan  <script>……</script>
CONTOH  1   =>  PENGOPERASIAN   BILANGAN
Langkah-langkah
1.    Kita buka notepad
2.    Lalu kita simpan dengan nama yang kita inginkan misal (membuat table.html), bisa disimpan di sembarangan tempat
3.    Kita ketikkan kode html
<html>
<head>
<title>menjumlahkan</title>
<style>body{color: white;
font-size : 30pt;
background-image : url("bmw.jpg");
}
</style>
</head>
<body>
<form>
input bilangan<br>
A:<input type = text id=idA size=3><br>
B:<input type = text id=idB size=3><br>
<input type = button value="A+B" onclick="prosesjumlah()">
<input type = button value="A-B" onclick="proseskurang()">
<input type = button value="A*B" onclick="proseskali()">
<input type = button value="A/B" onclick="prosesbagi()">
<input type = button value="A%B" onclick="prosessisa()">
<input type = button value="A^B" onclick="prosespangkat()">
</form>
<script>
function prosesjumlah()
{
var a,b,c;
a= parseInt(document.getElementById('idA').value);
b= parseInt(document.getElementById('idB').value);
c=a+b;
//document.write(a+"+"+b+"="+c);
window.alert(a+"+"+b+"="+c);
}
</script>
<script>
function proseskurang()
{
var a,b,c;
a= parseInt(document.getElementById('idA').value);
b= parseInt(document.getElementById('idB').value);
c=a-b;
//document.write(a+"-"+b+"="+c);
window.alert(a+"-"+b+"="+c);
}
</script>
<script>
function proseskali()
{
var a,b,c;
a= parseInt(document.getElementById('idA').value);
b= parseInt(document.getElementById('idB').value);
c=a*b;
//document.write(a+"*"+b+"="+c);
window.alert(a+"*"+b+"="+c);
}
</script>
<script>
function prosesbagi()
{
var a,b,c;
a= parseInt(document.getElementById('idA').value);
b= parseInt(document.getElementById('idB').value);
c=a/b;
//document.write(a+"/"+b+"="+c);
window.alert(a+"/"+b+"="+c);
}
</script>
<script>
function prosessisa()
{
var a,b,c;
a= parseInt(document.getElementById('idA').value);
b= parseInt(document.getElementById('idB').value);
c=a%b;
//document.write(a+"%"+b+"="+c);
window.alert(a+"%"+b+"="+c);
}
</script>
<script>
function prosespangkat()
{
var a,b,c;
a= parseInt(document.getElementById('idA').value);
b= parseInt(document.getElementById('idB').value);
c=a^b;
//document.write(a+"^"+b+"="+c);
window.alert(a+"^"+b+"="+c);
}
</script>
</body>
</html>


Dari hasil yang kita peroleh dari kode html di atas akan tampil seperti berikut

Kita uji beberapa hasil dari hasil kode pengoperasian yang kita buat diatas
1.        penjumlahan

2.       Pengurangan

3.       Perkalian

Dan seterusnya

CONTOH 2   =>  MENENTUKAN NILAI MAXSIMAL  DAN NILAI MINILAL SUATU BILANGAN
Langkah-langkah
1.    Kita buka notepad
2.    Lalu kita simpan dengan nama yang kita inginkan misal (membuat max_min.html), bisa disimpan di sembarangan tempat
3.    Kita ketik kode html

Kita dapat mengetikkan seperti contoh kode program di bawah ini

<html>
<head>
 <title>Menentukan max dan min</title>
  </head>
<body>
<form>
  input bilangan<br>
 A :<input type = text id=idA size=3><br>
 B :<input type = text id=idB size=3><br>
 C :<input type = text id=idC size=3><br>
 <input type =button value="A max B max C" onclick="prosesmax()">
 <input type =button value="A min B man C" onclick="prosesmin()">
</form>
<script>
  function prosesmax()
   {
  var a,b,c,max;
 a=parseInt(document.getElementById('idA').value);
 b=parseInt(document.getElementById('idB').value);
 c=parseInt(document.getElementById('idC').value);
if (a>b && a>c)
  max=a;
else if(b>a && b>c)
   max=b;
else if(c>a && c>b)
 max = c;
//document.write(a+"+"+b+"="+c);
window.alert("bilangan terbesar "+a+" dan "+b+" dan "+c+" adalah : "+max);
}
 function prosesmin()
   {
  var a,b,c,max;
 a=parseInt(document.getElementById('idA').value);
 b=parseInt(document.getElementById('idB').value);
 c=parseInt(document.getElementById('idC').value);
if (a<b && a<c)
   min=a;
else if(b<a && b<c)
  min=b;
else if(c<a && c<b)
          min= c;
//document.write(a+"+"+b+"="+c);
document.alert("bilangan terbesar "+a+" dan "+b+" dan "+c+" adalah : "+min);
}
</script>
</body>
</html>

Dari hasil kode yang kita buat di atas maka akan tampil seperti gambar di bawah ini

Sekarang kita uji hasil dari kode yang kita buat tadi
1.       Menentukan bilangan maksimal


2.       Menentukan  bilangan minimal



Sekian contoh sederhana untuk pengoperasian bilangan dan menentukan maksimal dan minimal pada suatu bilangan ,semoga bermanfaat bagi kita yang membutahkan ,jika ada kesalahan sebelumnya saya minta maaf, mohon di kasih saran untuk lebih baik lagi

NAMA   :  GIRALDO SILITONGA
NPM      : 180840009
 PRODI   : TEHNIK INFORMATIKA
 DOSEN PENGAMPU  : WASIT GINTING S.KOM ,M.KOM


Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)