SlideShare a Scribd company logo
Common Errors in Java Script
Jefri Fahrian (112103006)
Saat kita membuat program dengan Java Script, terkadang kode program tidak bekerja sesuai
dengan yang kita harapkan. Java Script sendiri merupakan forgiving language, meskipun ada
kesalahan dalam penulisan kode, browser tidak menampilkan pesan error atau bisa juga
disebut failed silently. Kita perlu menyadari kemungkinan adanya error pada program
tersebut dengan menggunakan debugging toosl seperti Firebug yang merupakan adds-on
browser Mozilla.
Issue 1: Syntax errors
Gambar 1 Pesan Error 1
- Kode program :
function myFunction( {
console.log("You called myFunction);
}
window.onload = function() {
myFunction();
}
- Penjelasan error :
Ada kesalahan penulisaan kode saat mendeklarasikan nama fungsi. Nama fungsi pada
potongan kode di atas seharusnya myFunction(). Namun karena tidak ditulis tanda
kurung tutup “)”, maka saat halaman website dipanggil muncul pesan error pada firebug.
Issue 2: calling a non-existent function
Gambar 2 Pesan Error 2
- Kode program :
function myFunction() {
console.log("You called myFunction");
}
window.onload = function() {
myfunction();
}
Issue 2b: typos very common with DOM methods
- Kode program :
var x = document.getElementByID("something");
Issue 2c: using a non-existent object method
- Kode program :
var myArray = ["one","two","three"];
console.log(myArray.revers());
- Penjelasan error :
Pada Issue 2 ada kesalahan penulisaan kode saat memanggil nama fungsi. Nama fungsi pada
potongan kode di atas seharusnya myFunction(). Namun karena huruf “f” tidak ditulis
dengan huruf capital atau sering disebut camelCase maka saat halaman website dipanggil
muncul pesan error pada firebug.
Pada Issue 2b ada kesalahan saat pemanggilan DOM method. Seharusnya dipanggil dengan
ditulis getElementById namun karena huruf “d” pada kata Id ditulis capital maka saat
halaman website dipanggil muncul pesan error pada firebug.
Pada Issue 2c ada kesalahan saat pemanggailan object method. Seharusnya ditulis
reverse() bukan revers().
Issue 3: assignment instead of equality
- Kode program :
var a = 10;
var b = 20;
if ( a = b) {
console.log("Something is wrong with the universe.");
} else {
console.log("This is what I expect!")
}
- Penjelasan error :
Kesalahan dari kode diatas adalah karena penulisan assignment pada persamaan a dengan b.
Seharusnya kode diatas ditulis a == b.
Issue 4: missing parameters in function calls
- Kode program :
function calculateSum(a,b,c) {
return a + b + c;
}
var result = calculateSum(500,1000);
console.log(result);
- Penjelasan error :
Kesalahan dari kode diatas adalah karena kita hanya memasukkan dua parameter saja pada
saat memanggil fungsi calculateSum.
Referensi:
http://www.w3schools.com/js/ retrieved 27 Maret 2015
http://www.lynda.com/JavaScript-tutorials/Common-JavaScript-errors/81266/87548-4.html
retrieved 27 Maret 2015

More Related Content

PDF
Jquery Ajax Part 1 by Yussan
PDF
Hitung Ongkos Kirim Menggunakan API rajaongkir.com dengan PHP+JQUERY
DOC
Php modul1 dasar dasar php
PDF
Entri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQuery
PDF
Tut xampp wordpress
PDF
2 pemrograman internet bedah halaman web
PDF
Java web application 2 - membuat template web
Jquery Ajax Part 1 by Yussan
Hitung Ongkos Kirim Menggunakan API rajaongkir.com dengan PHP+JQUERY
Php modul1 dasar dasar php
Entri, Edit, Delete, Tampil (CRUD) dengan PHP dan Ajax JQuery
Tut xampp wordpress
2 pemrograman internet bedah halaman web
Java web application 2 - membuat template web

Viewers also liked (20)

PDF
Livro Digital - História de 50 metros e outras histórias crônicas
PDF
Treball de Recerca (SOM)
PDF
Network scuolaguida.it Firenze
PPTX
Santa cruz (Eli & Kendra)
PDF
PPTX
Seminar supan
ODP
Tecno2
PDF
DOCX
Muhammad Nazim Al Zafir resume
PPTX
Codemotion 2015 - Unit Testing
PDF
Inland Technology General Profile 2016
PPT
вебинар возможности интернет в работе учителя. ч.2.
PDF
Freshwater Matters May2014
PDF
103845188 unidades-de-controle-na-parte-dianteira-do-veiculo-parte-2
PDF
Taller innovacion turistica #rumbo lanzarote con jimmy pons
PPT
Kelompok 4 fismod rustam
PPTX
To Compete or Not Compete? That is the Legislation
PPTX
Actividad n1 yoselin barrera
PPTX
Tizen web app
DOCX
Teknik presentasi
Livro Digital - História de 50 metros e outras histórias crônicas
Treball de Recerca (SOM)
Network scuolaguida.it Firenze
Santa cruz (Eli & Kendra)
Seminar supan
Tecno2
Muhammad Nazim Al Zafir resume
Codemotion 2015 - Unit Testing
Inland Technology General Profile 2016
вебинар возможности интернет в работе учителя. ч.2.
Freshwater Matters May2014
103845188 unidades-de-controle-na-parte-dianteira-do-veiculo-parte-2
Taller innovacion turistica #rumbo lanzarote con jimmy pons
Kelompok 4 fismod rustam
To Compete or Not Compete? That is the Legislation
Actividad n1 yoselin barrera
Tizen web app
Teknik presentasi
Ad

More from Jefri Fahrian (20)

DOCX
06.77 JAVA SE_adapter classes
DOCX
06.84 JAVA SE_drawing graphics
DOCX
05.70 JAVA SE_java list
DOCX
05.63 JAVA SE_java button final
DOCX
04.56 JAVA SE_polymorphic arguements
DOCX
04.47 JAVA SE_more on static
DOCX
03.40 JAVA SE_get and set method
DOCX
02.26 JAVA SE_random number generator
DOCX
03.33 JAVA SE_multidimensional arays
DOCX
01.12 JAVA SE_switch statement
DOCX
02.19 Java SE_else if statement
DOCX
01.06 Java SE_getting user input
DOCX
Praktikum8 komdat_using FTP
PDF
Praktikum7 komdat_setting linksys access point
PDF
Praktikum6 komdat_NAT in Virtual Box
PDF
Praktikum5 komdat_SHARE FILE DARI KOMPUTER HOST KE GUEST
PDF
Praktikum4 komdat_install windows xp in virtual box
PDF
Praktikum2 komdat_ basic command prompt & sharing file in windows
PDF
Praktikum1 komdat_pembuatan kabel UTP (stright dan cross)
PDF
Prakt.jarkom1 jefri tugas ke 4 SETTING WEB PROXY dan FIREWALL MIKROTIK
06.77 JAVA SE_adapter classes
06.84 JAVA SE_drawing graphics
05.70 JAVA SE_java list
05.63 JAVA SE_java button final
04.56 JAVA SE_polymorphic arguements
04.47 JAVA SE_more on static
03.40 JAVA SE_get and set method
02.26 JAVA SE_random number generator
03.33 JAVA SE_multidimensional arays
01.12 JAVA SE_switch statement
02.19 Java SE_else if statement
01.06 Java SE_getting user input
Praktikum8 komdat_using FTP
Praktikum7 komdat_setting linksys access point
Praktikum6 komdat_NAT in Virtual Box
Praktikum5 komdat_SHARE FILE DARI KOMPUTER HOST KE GUEST
Praktikum4 komdat_install windows xp in virtual box
Praktikum2 komdat_ basic command prompt & sharing file in windows
Praktikum1 komdat_pembuatan kabel UTP (stright dan cross)
Prakt.jarkom1 jefri tugas ke 4 SETTING WEB PROXY dan FIREWALL MIKROTIK
Ad

Paper3 jefri common errors

  • 1. Common Errors in Java Script Jefri Fahrian (112103006) Saat kita membuat program dengan Java Script, terkadang kode program tidak bekerja sesuai dengan yang kita harapkan. Java Script sendiri merupakan forgiving language, meskipun ada kesalahan dalam penulisan kode, browser tidak menampilkan pesan error atau bisa juga disebut failed silently. Kita perlu menyadari kemungkinan adanya error pada program tersebut dengan menggunakan debugging toosl seperti Firebug yang merupakan adds-on browser Mozilla. Issue 1: Syntax errors Gambar 1 Pesan Error 1 - Kode program : function myFunction( { console.log("You called myFunction); } window.onload = function() { myFunction(); } - Penjelasan error : Ada kesalahan penulisaan kode saat mendeklarasikan nama fungsi. Nama fungsi pada potongan kode di atas seharusnya myFunction(). Namun karena tidak ditulis tanda kurung tutup “)”, maka saat halaman website dipanggil muncul pesan error pada firebug.
  • 2. Issue 2: calling a non-existent function Gambar 2 Pesan Error 2 - Kode program : function myFunction() { console.log("You called myFunction"); } window.onload = function() { myfunction(); } Issue 2b: typos very common with DOM methods - Kode program : var x = document.getElementByID("something"); Issue 2c: using a non-existent object method - Kode program : var myArray = ["one","two","three"]; console.log(myArray.revers()); - Penjelasan error : Pada Issue 2 ada kesalahan penulisaan kode saat memanggil nama fungsi. Nama fungsi pada potongan kode di atas seharusnya myFunction(). Namun karena huruf “f” tidak ditulis dengan huruf capital atau sering disebut camelCase maka saat halaman website dipanggil muncul pesan error pada firebug. Pada Issue 2b ada kesalahan saat pemanggilan DOM method. Seharusnya dipanggil dengan ditulis getElementById namun karena huruf “d” pada kata Id ditulis capital maka saat halaman website dipanggil muncul pesan error pada firebug.
  • 3. Pada Issue 2c ada kesalahan saat pemanggailan object method. Seharusnya ditulis reverse() bukan revers(). Issue 3: assignment instead of equality - Kode program : var a = 10; var b = 20; if ( a = b) { console.log("Something is wrong with the universe."); } else { console.log("This is what I expect!") } - Penjelasan error : Kesalahan dari kode diatas adalah karena penulisan assignment pada persamaan a dengan b. Seharusnya kode diatas ditulis a == b. Issue 4: missing parameters in function calls - Kode program : function calculateSum(a,b,c) { return a + b + c; } var result = calculateSum(500,1000); console.log(result); - Penjelasan error : Kesalahan dari kode diatas adalah karena kita hanya memasukkan dua parameter saja pada saat memanggil fungsi calculateSum. Referensi: http://www.w3schools.com/js/ retrieved 27 Maret 2015 http://www.lynda.com/JavaScript-tutorials/Common-JavaScript-errors/81266/87548-4.html retrieved 27 Maret 2015