Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengenal dan Cara Penggunaan Fungsi Eval() Pada Javascript

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.

Mengenal dan Cara Penggunaan Fungsi Eval() Pada Javascript

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 :

Mengenal dan Cara 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 :

Mengenal dan Cara Penggunaan Fungsi 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 :

Mengenal dan Cara Penggunaan Fungsi Eval() Pada Javascript


Posting Komentar untuk "Mengenal dan Cara Penggunaan Fungsi Eval() Pada Javascript"