76 lines
2.4 KiB
HTML
76 lines
2.4 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<title>Assignment</title>
|
|||
|
|
<link rel="stylesheet" href="lib/bootstrap.min.css">
|
|||
|
|
<link rel="stylesheet" href="lib/codemirror.min.css">
|
|||
|
|
<link rel="stylesheet" href="main.css">
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div id="root" class="container">
|
|||
|
|
<h1>Lexical, Syntax & Semantic Analysis</h1>
|
|||
|
|
<dl class="row mt-5">
|
|||
|
|
<dt class="col-sm-2">Requirements: </dt>
|
|||
|
|
<dd class="col-sm-10">
|
|||
|
|
<pre>
|
|||
|
|
# 保留字或運算子：begin, for, end, if, then, else, while, int
|
|||
|
|
# 運算子：+, -, *, /, =
|
|||
|
|
# 判斷子：<, >, <=, >=, ==, and, or
|
|||
|
|
# 若有詞法或語法錯誤，請印出並說明
|
|||
|
|
# 請印出所有變數最後的狀態
|
|||
|
|
# 自定義文法，使得以下範例成立：
|
|||
|
|
|
|||
|
|
begin
|
|||
|
|
int x=0, zzz=5;
|
|||
|
|
int i, j=1;
|
|||
|
|
# 進行迴圈
|
|||
|
|
for, i=1, i<=50, j; # j爲i每次遞增的值
|
|||
|
|
x=x+1;
|
|||
|
|
end
|
|||
|
|
if ((x>5) and (j<=8)) then
|
|||
|
|
x=1;
|
|||
|
|
else
|
|||
|
|
for, i=1, i<=50, j+1;
|
|||
|
|
x=x+1;
|
|||
|
|
end
|
|||
|
|
while (i<11)
|
|||
|
|
yy=x;
|
|||
|
|
i=i+1;
|
|||
|
|
end
|
|||
|
|
end
|
|||
|
|
end
|
|||
|
|
</pre>
|
|||
|
|
</dd>
|
|||
|
|
<dt class="col-sm-2">Source Code: </dt>
|
|||
|
|
<dd class="col-sm-10">
|
|||
|
|
<div class="custom-file">
|
|||
|
|
<input type="file" id="file" class="custom-file-input" @change="fileHandler">
|
|||
|
|
<label class="custom-file-label" for="file">{{ file ? file.name : 'Choose file' }}</label>
|
|||
|
|
<button type="button" class="btn btn-secondary" @click="fileHandler">Reload</button>
|
|||
|
|
</div>
|
|||
|
|
<div id="editor" class="editor"></div>
|
|||
|
|
</dd>
|
|||
|
|
<dt class="col-sm-2"></dt>
|
|||
|
|
<dd class="col-sm-10">
|
|||
|
|
<button type="button" class="btn btn-info" @click="lexer">Lex</button>
|
|||
|
|
<button type="button" class="btn btn-info" @click="parser">Parse</button>
|
|||
|
|
<button type="button" class="btn btn-primary" @click="run">Run</button>
|
|||
|
|
<button type="button" class="btn btn-secondary" @click="reset">Clear</button>
|
|||
|
|
</dd>
|
|||
|
|
<hr>
|
|||
|
|
<dt class="col-sm-2">Console: </dt>
|
|||
|
|
<dd class="col-sm-10">
|
|||
|
|
<pre class="error" v-if="error" v-text="error"></pre>
|
|||
|
|
<pre v-if="!error && ids.length" v-for="(v, i) in ids">{{ v }}: {{ vars[i] }}</pre>
|
|||
|
|
<p v-if="!error && lex.length" v-for="(l, i) in lex">{{ l }}</p>
|
|||
|
|
<pre v-if="!error && json" v-text="json"></pre>
|
|||
|
|
</dd>
|
|||
|
|
</dl>
|
|||
|
|
</div>
|
|||
|
|
<script src="lib/codemirror.min.js"></script>
|
|||
|
|
<script src="lib/vue-2.6.0.min.js"></script>
|
|||
|
|
<script src="main.js"></script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|