Консольное Приложение Javascript?

можно ли сделать консольное приложение в JS?
Это все, чего я могу достичь прямо сейчас. Я надеялся на консольное приложение в браузере, а не всплывающее приглашение :P

var fname=prompt("Command:","")
if (fname=="do_stuff") {alert("Ok, i will do stuff...")}
else {alert("You did not tell me something i know!")};


в программе Javascript, которую я написал выше: сначала есть там это if оператор, чтобы проверить, ввел ли пользователь "do_stuff", если он этого не делает..("else"), то он отобразит окно предупреждения: вы не сказали мне что-то я знать!

8
console html javascript

2 ответов

короткий ответ: вы можете сделать что угодно использование JavaScript. Вот пример консоли, которая принимает команду, за которой следует разделенный пробелом набор аргументов, подобно многим действиям командной строки windows.

похоже, вы очень новичок в JavaScript, и вы должны научиться узнавать, как он работает с браузером в его ядре... но я не знаю, какой браузер вы собираетесь использовать, поэтому мой пример использует фреймворк YUI, поэтому мой код не загроможден браузером нормализация.

попробуйте сохранить следующее как HTML-документ. Затем, когда вы откроете его в своем браузере, попробуйте "do_stuff arg1 George 9 howdy"или" greet Navweb". Надеюсь, вы сможете понять, что происходит, проверив код. Боюсь, у меня не было времени на комментарии.

<!doctype html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
        <title>Console</title>
        <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?3.5.0/build/cssreset/cssreset-min.css"/>
        <style type="text/css">
            html {
                background-color: #000;
                }
            body {
                font-family: "Lucida Console";
                font-size: 13px;
                color: #0f0;
                }
            #in {
                display: block;
                position: fixed;
                left: 0;
                bottom: 0;
                width: 100%;
                padding: 8px;
                border-color: #fff;
                border-width: 1px 0 0 0;
                background-color: #000;
                color: #0f0;
                }
        </style>
    </head>
    <body>
        <div id="out"></div>
        <input id="in" tabindex="0"/>
    </body>
    <script type="text/javascript" src="http://yui.yahooapis.com/combo?3.5.0/build/yui/yui-min.js"></script>
    <script type="text/javascript">
        YUI().use("node", function(Y) {

            var COMMANDS = [
                {
                    name: "do_stuff",
                    handler: doStuff
                },

                {
                    name: "greet",
                    handler: function(args) {
                        outputToConsole("Hello " + args[0] + ", welcome to Console.");
                    }
                }
            ];

            function processCommand() {
                var inField = Y.one("#in");
                var input = inField.get("value");
                var parts = input.replace(/\s+/g, " ").split(" ");
                var command = parts[0];
                var args = parts.length > 1 ? parts.slice(1, parts.length) : [];

                inField.set("value", "");

                for (var i = 0; i < COMMANDS.length; i++) {
                    if (command === COMMANDS[i].name) {
                        COMMANDS[i].handler(args);
                        return;
                    }
                }

                outputToConsole("Unsupported Command: " + command);
            }

            function doStuff(args) {
                outputToConsole("I'll just echo the args: " + args);
            }

            function outputToConsole(text) {
                var p = Y.Node.create("<p>" + text + "</p>");
                Y.one("#out").append(p);
                p.scrollIntoView();
            }

            Y.on("domready", function(e) {
                Y.one("body").setStyle("paddingBottom", Y.one("#in").get("offsetHeight"));
                Y.one("#in").on("keydown", function(e) {
                    if (e.charCode === 13) {
                        processCommand();
                    }
                });
            });
        });
    </script>
</html>
8

самый простой и совместимый способ-использовать одну из многих библиотек эмулятора терминалов Javascript, таких как termlib, jqueryterminal etc

4