Run »
<!DOCTYPE html> <html> <head> <title>Call a JavaScript Function From a String Without Using eval</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> // Define a method function testFunc(str) { return "Hello: " + str; } $(function (){ $("#btn").click(function (){ var params = $("#name").val(); // Call method var funcName = "testFunc"; var funcCall = funcName + "('" + params + "');"; var ret = eval(funcCall); // Output $("#result").text(ret); }); }); </script> </head> <body> <div> <input type="text" id="name" placeholder="Input a name" /> <button id="btn">Start</button> </div> <div id="result"></div> </body> </html>