Allow user to type javascript code that is then executed in browser

Question

I am wanting to build some simple modules to help my students learn javascript. I have made a set of functions that I would like for the student to be able to enter and then that function be executed. For example. I have a function that moves an image from 1 div to another called move(); I then have a text field where the user needs to type move(); When they click submit I want the code they wrote to be executed so they can see what it does.

I had a really hard time searching for this and was hoping someone could point me in the right direction. Thanks!

<body>
    <textarea id='userInput'></textarea>
    <div id='go'>Go</div>
    <div id='canvas'>
        <div id='r1c1' class='square'><img src='dog.png' id='dog'></div>
        <div id='r1c2' class='square'></div>
    </div>
</body>
</html>
    <script>
    $('document').ready(function(){
    $('#go').click(function(){
        var code = $('#userInput').val();
        EXECUTE code; //This is where I want the code to be executed//
    });
});

function move(){
    $('#dog').appendTo('#r1c2');
};

Are you aware of jsfiddle.net ?

Paul
– Paul

2014-04-18 02:07:02 +00:00
Commented Apr 18, 2014 at 2:07 — Paul
– Paul, Commented Apr 18, 2014 at 2:07

Odys · Accepted Answer · 2014-04-17 23:33:46Z

1

You can use eval() for this purpose (on w3Schools)

To take this even further, you can wrap the code in a try catch block to handle user errors.

answered Apr 17, 2014 at 23:33

Odys

9,12112 gold badges75 silver badges117 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Odys Over a year ago

@RyanY If you believe this is your answer, you can mark it using the icon below rating.

RyanY Over a year ago

Thanks, I will, just have to wait 3 more minutes :)

Adam Zuckerman · Accepted Answer · 2014-04-17 23:41:04Z

0

You can also use the console with most browsers to execute javascript. Hit F12 to load up the developer tools on all of the browsers. Click on the console tab. Type javascript until your heart's content.

One advantage to this method is that you should be able to execute any code that is included on the page.

answered Apr 17, 2014 at 23:41

Adam Zuckerman

1,6411 gold badge15 silver badges21 bronze badges

Collectives™ on Stack Overflow

Allow user to type javascript code that is then executed in browser

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related