IT enthusiast pasti sudah tidak asing lagi dengan kata “Error”. Terutama bagi para pengembang Aplikasi, Error sendiri sudah menjadi makanan sehari-hari. Jika terjadi Error biasanya kalian langsung cari di google atau buka stackoverflow, tapi ada baiknya kalian Harus tau Errornya apa agar lebih melatih Logic dan Pengalaman.

Lalu bagaimana cara langsung tau Error dimana? Berikut Error yang biasa terjadi beserta Tipsnya pada bahasa pemrograman JavaScript.
<h1> Syntax Error</h1>

<div style="text-align:left;"><img src="https://i.stack.imgur.com/jDljX.png" alt="undefined" style="height: auto;width: auto"/></div>

Biasanya terjadi jika kalian salah / typo dalam menuliskan Syntax sehingga tidak bisa Run. Yang harus kalian lakukan:
<ol>
<li>Pastikan Syntax sesuai dan tidak Typo, seperti pemanggilan Function atau inisialisasi Variable.</li>
<li>Pastikan Variabel yang kalian inisialisasi menggunakan Const atau Let, jika menggunakan Let berarti valuenya dapat kalian ubah.</li>
<li>Cek Operator Perbandingan yang kalian gunakan, biasanya ==</li>
<li>Pastikan Symbol kurung { }, [ ], ( ) yang kalian gunakan sudah lengkap atau memiliki penutup.</li>
</ol>
 
<h1>Runtime Error</h1>

<div style="text-align:left;"><img src="https://cdn.educba.com/academy/wp-content/uploads/2019/10/Python-Infinity-Loop4.png.webp" alt="undefined" style="height: auto;width: auto"/></div>

Kalian juga biasanya menemukan Error saat aplikasi sedang berjalan / running. Aplikasi kalian akan infinity loop atau freeze/crash. Yang harus kalian lakukan:
<ol>
<li>Ketika looping, tambahkan console.log() sebelum dan saat loop, dan cek apakah berhasil menampilkan atau tidak.</li>
<li>Pastikan kondisi yang kalian terapkan di dalam looping sudah sesuai.</li>
<li>Pastikan kalian paham Flow codingan kalian dan cek tiap-tiap bagian menggunakan console.log() agar tau urutannya.</li>
</ol>
 
<h1>Semantic Error </h1>

<div style="text-align:left;"><img src="https://miro.medium.com/max/1320/1*l9uK857XDxezJZB-8OhdKA.png" alt="undefined" style="height: auto;width: 300px"/></div>

Ini adalah Error yang cukup susah untuk dicari tahu letak nya, Error ini muncul karena Output tidak sesuai dengan keinginan kalian. Yang harus kalian lakukan:
<ol>
<li>Cek ulang code, apakan ada Code yang tidak sesuai sebagaimana mestinya.</li>
<li>Cek ulang apakah ada Code yang berjalan disaat yang tidak seharusnya.</li>
<li>Yang paling penting adalah pastikan kalian tau Flow dari Code secara keseluruhan, sehingga kalian ada Gambaran bagian mana yang kira-kira bermasalah.</li>
</ol>
<h1> Logic Error </h1>

<div style="text-align:left;"><img src="https://wcs.smartdraw.com/flowchart/img/flowchart-programming.png" alt="undefined" style="height: auto;width: 500px"/></div>

Penyebab utama Logic Error adalah kesalahan pada logika algoritma. Error sepertinya juga termasuk yang paling susah ditemukan letak kesalahannya karena tidak ada peringatan kesalahan pada Program. Yang harus kalian lakukan:
<ol>
<li>Sebelum membuat Aplikasi, pastikan kalian menuliskan Ide, Rumus, Fungsi, atau Algoritma dari Aplikasi tersebut.</li>
<li>Lakukan pemeriksaan secara menyeluruh dan detail untuk mengetahui letak kesalahannya.</li>
<li>Periksa kembali catatan yang sudah dibuat agar kalian lebih memahami cara kerja Aplikasi tersebut. Dengan begitu, kalian bisa mencari celah dari kesalahan yang muncul.</li>
</ol>

IT enthusiast pasti sudah tidak asing lagi dengan kata “Error”. Terutama bagi para pengembang Aplikasi, Error sendiri sudah menjadi makanan sehari-hari. Jika terjadi Error biasanya kalian langsung cari di google atau buka stackoverflow, tapi ada baiknya kalian Harus tau Errornya apa agar lebih melatih Logic dan Pengalaman.

Tips Mengatasi Error saat Ngoding