How to display the output in a seperate box?

Question

https://code.sololearn.com/WanE6MDr1guk/?ref=app

Answer 1

Bithi D
You could create a separate box using the <div id="output"></div>
Then you can display the results inside the div

Answer 2

how an html code in a div?

Answer 3

Maybe try:

https://www.sololearn.com/discuss/1389112/?ref=app

And see which method you prefer.

Answer 4

Hi Bithi D,

Based on the title of the code you posted and what it looked like you were trying to implement, it seems like you are trying to make a code editor. So why wouldn't looking at an example of a simple code editor help you?

Answer 5

Hi Bithi D,

If we're talking about the squarefree editor, there's no button in Jesse's implementation. The results are displayed live in the bottom frame while you type in the top. You could probably expand on it by adding a button that allows the user to save the code (or copy/cut as desired).

Answer 6

Try:

https://stackoverflow.com/questions/3665115/create-a-file-in-memory-for-user-to-download-not-through-server

The top answer has a jsFiddle in it. Test to see if it will serve your purposes.

Answer 7

How will this editor help me?

Answer 8

I presume that the editor displays the output in a separate frameset
So if I press the run button, the code should create a new html file and display the frameset
isn't it?

Answer 9

I think a run button is more useful.

Answer 10

To create a new html file to put the value of the code in it?
which statement can I use?

Answer 11

<a href="data:application/octet-stream;charset=utf-16le;base64,//5mAG8AbwAgAGIAYQByAAoA">text file</a>
5mAG8.....
Is it the URL?