JSFiddle - React, Tailwind, and code Playground

by Aakash Chakravarthy

HTML

<script src="https://cdn.jsdelivr.net/npm/jquery.terminal/js/jquery.terminal.min.js"></script>

<link href="https://cdn.jsdelivr.net/npm/jquery.terminal/css/jquery.terminal.min.css" rel="stylesheet"/>

<div id="term_demo">

</div>

CSS

body{
  font-family: Menlo,consolas,monospace;
}

JavaScript

jQuery(function($, undefined) {
    $('#term_demo').terminal(function(command) {
    console.log(command);
    		this.echo('heydf <em>sdfsd</em> fds');
    }, {
        greetings: 'JavaScript Interpreter',
        name: 'js_demo',
        height: 200,
        prompt: 'js> '
    });
});