基于产生式的动物识别专家系统(JavaScript
如题, 这是一个基于产生式的动物识别专家系统… 我用JavaScript写的…
写的好乱啊, 哈哈, 几天之前我还没学过JavaScript, 我就拿来练手了.
嗯, 项目描述, 跟他们的都一样的: CSDN搜索 产生式系统动物识别
代码如下.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Expert System</title>
<style>
.whole {
width: 100%;
}
.whole td {
width: calc(100% / 4);
vertical-align: top;
}
.function {
width: 80%;
height: 100px;
margin: 20px 0;
}
.fields {
text-align: center;
/* background-color:bisque; */
padding: 30px 0;
}
.fields button {
width: 70px;
}
.rule {
font-weight: bold;
}
</style>
</head>
<body>
<table class="whole">
<tr id="display">
<td id="rulesDisplay">
<h1>Rules</h1>
<ul id="rulesList">
</ul>
</td>
<td id="factsDisplay">
<h1>Facts</h1>
<ul id="factsList">
<li>fact 1</li>
<li>fact 2</li>
</ul>
</td>
<td id="resultsDisplay">
<h1>Results</h1>
<ul id="resultsList">
<li>result 1</li>
<li>result 2</li>
</ul>
</td>
<td id="function">
<button id="addRulesButton" class="function"><b>Reset</b> and add other rules</button>
<button id="addFactsButton" class="function">add facts</button>
<button id="resetButton" class="function">reset</button>
<div id="fields" class