紙芝居であればコンソール風のDOMから文字列を取得し、
予めハードコーティングした「git init」と比較判定を行う。
というif文を作成し、trueであればカルーセル(スライド)を次へ動かす。
みたいな感じでよいのではないかと思います。
trygitはわかりませんが、
正しい判定を受けたい場合、
サーバと通信させ実際にコマンドをうった結果を受け取り、
画面に表示させる。ということをします。
また、コンソール風を表示させるには「CodeMirror」がおすすめです。
###追記(2016/12/07)
HTML
1<!DOCTYPE html>
2<html>
3 <head>
4 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
5 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.21.0/codemirror.min.js"></script>
6 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.21.0/mode/shell/shell.js"></script>
7 <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.21.0/codemirror.min.css"/>
8
9 <style>
10 .CodeMirror {
11 background: #424242;
12 color: #FFF
13 }
14 </style>
15
16 <title>HTML5, CSS3 and JavaScript demo</title>
17 </head>
18 <body>
19
20 <textarea id="editor" rows="30" cols="50"></textarea>
21
22 <script>
23 var flag = false,
24 firstCode = "git init";
25
26 var jsEditor = CodeMirror.fromTextArea(document.getElementById('editor'), {
27 mode: 'shell',
28 lineNumbers: true,
29 indentUnit: 4,
30 extraKeys:{
31 Enter: function(e) {
32 var self = this,
33 msg = "";
34 var consoleTxt = e.display.lineDiv.innerText
35 var cmd = consoleTxt.split(/\r\n|\r|\n/);
36
37 cmd = cmd[cmd.length - 2]
38
39 if (cmd === firstCode) {
40 msg = '<p style="color: green">Success!</p>';
41 } else {
42 msg = '<p style="color: red">Failed...</p>';
43 }
44 $('.CodeMirror-lines').append(msg);
45 e.preventDefault();
46 }
47 }
48 });
49 </script>
50 </body>
51</html>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/11/30 02:27
2016/11/30 02:39
退会済みユーザー
2016/11/30 03:02
2016/11/30 03:38
退会済みユーザー
2016/11/30 12:22
2016/11/30 14:00
退会済みユーザー
2016/12/07 05:28
2016/12/07 06:46
退会済みユーザー
2016/12/07 07:09
2016/12/07 07:21
2016/12/07 07:30
退会済みユーザー
2016/12/09 10:36