Skip to Content

How to develop a console like user interface on the website?

Hi all,

I wonder how to implement a console like user interface on the website to show the result for the client-side user? Some websites, especially educational websites for teaching coding, already have this kind of user interface,e.g. Code Academy Site as shown in the below screenshot. Therefore, can anyone tell me how to develop this kind of website or which technologies/library are needed ? Thank you:)

Kind regards,


Capture.PNG (195.6 kB)
Add a comment
10|10000 characters needed characters exceeded

Assigned Tags

Related questions

1 Answer

  • Best Answer
    Posted on Jun 28, 2016 at 01:20 PM

    LA Tu,

    you can have your input added as a dynamic scrip as shown here:

    ajax - How do you execute a dynamically loaded JavaScript block? - Stack Overflow

    then your output can be outputed to a text area

    may be more complex scenarios to consider such as loading other 3rd party libraries, however, the simple js code can be done as i explained

    Add a comment
    10|10000 characters needed characters exceeded

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.