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 :
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 :
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 :
