How to run HTML code from a js function

Question

I'm making my own IDE and I need a way of running code(HTML) from a JavaScript function call.

I have a div I need the user to click a button then the div will contain html which is from a textarea.

By RUNNING HTML CODE I mean to get input from a text area and dump it into a div so it it running in the div

(my IDE is by far the best workspace) My Workspace

Here is my CODE:`

<textarea class="txtarea"></textarea>

<div class="browser">A Browser</div>

<button class="run-btn">RUN</button>

<script>

var num = 0;
$(".browser").hide(); // hide my div
$(".run-btn").click(function() {
  num++;
  if (num % 2 == 1) {
    $(".txtarea").hide();
    $(".browser").show(); // my div
    $(".browser").text($(".txtarea").val());
  }
  if (num % 2 == 0) {
    $(".txtarea").show();
    $(".browser").hide();
  }
});


</script>

Okay. What do you mean by "run HTML", what have you tried, and what went wrong? Please edit the question to include all relevant code. — Reinstate Monica Cellio, Aug 19 '16 at 12:58
wat? just get textarea.value and insert it somewhere (or in your div). — , Aug 19 '16 at 13:00
Show us the code that should do the insertion. This should be trivial for an IDE engineer. (sorry) — Shilly, Aug 19 '16 at 13:03
We still do not know what you mean by "running code(HTML)" - perhaps show some html too? — mplungjan, Aug 19 '16 at 13:06
You really shouldn't be writing an IDE if you're trying to "run HTML code". — byxor, Aug 19 '16 at 13:09
Im sort'f making a browser to quickly see the code. @BrandonIbbotson — Zak The Hat, Aug 19 '16 at 13:11

score 0 · Accepted Answer · edited May 23 '17 at 11:51

0

I think you have to use an IFrame instead of a DIV to render your entered HTML code.

This questions shows how to create programmatically an IFrame containing your HTML code: Creating an iframe with given HTML dynamically

edited May 23 '17 at 11:51

Community

1
1

answered Aug 19 '16 at 13:36

Ehler

285
3
11

Thanks it helped alot. – Zak The Hat Aug 19 '16 at 14:42

score 0 · Answer 2 · answered Aug 19 '16 at 13:53

0

I checked your code but I am not getting what is the issue. Everything is working fine.

answered Aug 19 '16 at 13:53

binay37

121
1
11

I have uploaded the above code in jsfiddle. Here is the link: https://jsfiddle.net/charlie156/hg5468hs/ – binay37 Aug 19 '16 at 13:54
When i click 'run' i only get code, i need compiled code. – Zak The Hat Aug 19 '16 at 14:40
@Zak The Hat change the $(blahblahblah).text to .html – Zak The Hat Feb 03 '18 at 12:38

How to run HTML code from a js function

2 Answers2