使用HTML和JavaScript创建Linux终端主题网站_Javascript_Html_Jquery_Css_Jquery Terminal

使用HTML和JavaScript创建Linux终端主题网站

javascript html jquery css

使用HTML和JavaScript创建Linux终端主题网站,javascript,html,jquery,css,jquery-terminal,Javascript,Html,Jquery,Css,Jquery Terminal,我正在尝试创建一个以Linux终端为主题的网站，它有多个命令。用户可以像普通终端一样自由地使用他/她想要的任何命令。我创建了一个示例HTML文件，并包含了一个简单的函数，当用户显示cat时，该函数将显示一个“cat”。但是，我在创建多个函数时遇到问题。我对javascript和HTML不太熟悉，所以这可能是个愚蠢的问题。我的代码是： <!DOCTYPE html> <html> <head> <script src="https://code

我正在尝试创建一个以Linux终端为主题的网站，它有多个命令。用户可以像普通终端一样自由地使用他/她想要的任何命令。我创建了一个示例HTML文件，并包含了一个简单的函数，当用户显示cat时，该函数将显示一个“cat”。但是，我在创建多个函数时遇到问题。我对javascript和HTML不太熟悉，所以这可能是个愚蠢的问题。我的代码是：

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://unpkg.com/jquery.terminal/js/jquery.terminal.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/jquery.terminal/css/jquery.terminal.min.css"/>
</head>
<body>
    <script>
$('body').terminal({
    cat: function() {
        this.echo($('<img src="https://placekitten.com/408/287">'));
    }
});
    </script>
</body>
</html>

因此，我想要一个可以与多个命令（函数）交互的终端。另外，如果能被引导到其他资源，这将是一件非常好的事情，这些资源可以提供关于这个主题的有用信息。提前谢谢。（我也提到过）。

您需要用逗号分隔函数

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://unpkg.com/jquery.terminal/js/jquery.terminal.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/jquery.terminal/css/jquery.terminal.min.css"/>
</head>
<body>
    <script>
$('body').terminal({
    cat: function() {
        this.echo($('<img src="https://placekitten.com/408/287">'));
    },
    dog: function(v){
        this.echo('hello ' + v);
    }
});
    </script>
</body>
</html>


$（'body'）。终端({
cat:function（）{
这个.echo（$（''）；
},
狗：功能（五）{
this.echo（'hello'+v）；
}
});

当您在其中添加了一个

参数时，要使其工作，您必须键入“dog 1”或“dog anything”，否则请删除

函数/param并继续：）

要回答关于资源和学习的部分，只需学习JavaScript/jQuery的基本原理，其余的都会有意义-虽然立即跳到最深处是一种学习方式，但有时你必须回到基本知识，有无数视频和文章可以教你基本知识，它们都只是一个简单的距离

谢谢！成功了。我喜欢屋顶的比喻：）哈哈，不客气@Esh200111-也不要被我的比喻误导或气馁！你可以在几天内轻松学习基础知识。高级的东西变得很棘手，这就是Stack/Google成为你最好的朋友的地方——我仍然在Stack和Google很多东西；）不，不是气馁，而是激励自己现在做更多！

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://unpkg.com/jquery.terminal/js/jquery.terminal.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/jquery.terminal/css/jquery.terminal.min.css"/>
</head>
<body>
    <script>
$('body').terminal({
    cat: function() {
        this.echo($('<img src="https://placekitten.com/408/287">'));
    },
    dog: function(v){
        this.echo('hello ' + v);
    }
});
    </script>
</body>
</html>