How can I make an input where I can write javascript code which then can be saved in a script? [duplicate]

Question

I want to have a textarea or an input where a user can write javascript code and save it (by clicking a button). Once the code is saved, it is inserted in a script and when the user clicks on "run" button then the code that he/she typed will work.

Here is an example if I wasn't specific enough:

<html>
  <body>
    <input id="editor" value="add some code here">
      <!-- lets say a user types some code: -->

      alert("hey");
    </input>
    <button id="saveBtn">Save the code</button>
    <button id="runBtn">Run the code</button>
    <script src='the_code_of_the_user'></script> 
    <script>
    //Here I will just write some pseudo code because i have no idea how to do this

    saveBtn.onclick = function() {
        editor.insert to Script('the_code_of_the_user');
    }
    runBtn.onclick = function() {
        run Script('the_code_of_the_user');
    }
    </script>
  </body>
</html>

for the run part, you can do that with eval(). Another question is if you should do that... jsfiddle.net/59sbnvhy/1 — baao
– baao, Commented Jan 6, 2017 at 15:53
Wrap user code into a function and eval its call. As long as you do not care what users do. — PM 77-1
– PM 77-1, Commented Jan 6, 2017 at 15:53
The functionality you want can potentially lead to XSS attack. Please be sure why you want it. — geeksal
– geeksal, Commented Jan 6, 2017 at 15:54

Fabian Schultz · Accepted Answer · 2017-01-06 15:58:23Z

1

This is not particularly secure, but you can use eval and localStorage to accomplish this:

saveBtn.onclick = function() {
  localStorage.setItem('script', editor.value);
}
runBtn.onclick = function() {
  eval(localStorage.getItem('script'))
}

Try it on JSBin.

answered Jan 6, 2017 at 15:58

Fabian Schultz

18.6k6 gold badges54 silver badges58 bronze badges

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

1 Comment

George V Over a year ago

Yes. This is what I wanted, thank you alot.

Collectives™ on Stack Overflow

How can I make an input where I can write javascript code which then can be saved in a script? [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related