Skip to content Skip to sidebar Skip to footer

Mengenal dan Cara Penggunaan Fungsi Eval() Pada Javascript

Fungsi eval() adalah
Buat yang belum tau apa itu fungsi eval pada javascript ? Dalam artikel kali ini membahas tuntas untuk memahami fungsi eval() dalam javascript. Pada sebelumnya juga telah saya bahas beberapa contoh fungsi yang menarik digunakan pada bahasa pemrograman javacript seperti silahkan baca lebih lengkap.

Fungsi eval adalah fungsi yang berguna untuk mengeksrpesikan atau mengevaluasikan pernyataan pada javascript. Dapat dianalogikan sebagai parser dan juga selain itu fungsi eval() pada javascript dapat mengeksekusi pernyataan. Jadi fungsi ini dapat menjalankan sebuah ekspresi atau syntax.

Lalu bagaimana penggunaan fungsi ini ? Berikut saya berikan contoh program sederhana fungsi eval() dalam javascript.


Contoh Penggunaan Fungsi Eval Pada Javascript

Ada beberapa cara penggunaan fungsi eva() diantaranya kita bisa menggunakan nilai yang menginput lanngsung dalam variabel atau menginput nilai dari tag input dan juga bisa menggunakan popup box prompt()

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Hardifal.com</title>
 
</head>
<body>

<button onclick="fungsi()">Klik</button>
<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>
<p id="demo4"></p>
<p id="demo5"></p>

<script>
 function fungsi(){
  b = 20;
  a = 10;
  document.getElementById('demo1').innerHTML = eval (a+b);
  document.getElementById('demo2').innerHTML = eval (20-10);
  document.getElementById('demo3').innerHTML = eval (a-b);
  document.getElementById('demo4').innerHTML = eval (a*b);
  document.getElementById('demo5').innerHTML = eval (a/b);
 }
</script>

</body>
</html>
Hasil :
Gambar contoh penggunaan fungsi eval() pada javascript
Contoh mengeksekusi syntax dari  form tag input.
 <form name="form">
  
 <input type="text" name="a">
 <input type="text" name="b">
 </form>

<button onclick="fungsi()">Klik</button>
<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>
<p id="demo4"></p>
<p id="demo5"></p>

<script>
 function fungsi(){
  b = eval(form.a.value);
  a = eval(form.b.value);
  document.getElementById('demo1').innerHTML = a+b;
  document.getElementById('demo2').innerHTML = 20-0;
  document.getElementById('demo3').innerHTML = a-b;
  document.getElementById('demo4').innerHTML = a*b;
  document.getElementById('demo5').innerHTML = a/b;
 }
</script>
Demo :
Gambar gif Penggunaan fugnsi eval() pada javascript
Menggunakan fungsi Eval() javascript menggunakan form tag input akan mengembalikan nilai Integer sama halnya seperti menggunakan parseInt()

Selain itu juga bisa anda gunakan Popup Box Prompt() berikut contoh nya :
<button onclick="fungsi()">Klik</button>
<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>
<p id="demo4"></p>
<p id="demo5"></p>

<script>
 function fungsi(){
  b = eval(prompt('Masukan angka 1'));
  a = eval(prompt('Masukan angka 2'));
  document.getElementById('demo1').innerHTML = a+b;
  document.getElementById('demo2').innerHTML = 20-0;
  document.getElementById('demo3').innerHTML = a-b;
  document.getElementById('demo4').innerHTML = a*b;
  document.getElementById('demo5').innerHTML = a/b;
 }
</script>
Demo :
Gambar gif Penggunaan fungsi eval javascript dengan prompt()

Post a comment for "Mengenal dan Cara Penggunaan Fungsi Eval() Pada Javascript"