第二个重置按钮怎么设置？按照我的代码，第二重置没反应的
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>引用JS文件</title>
<style type="text/css">
div.sj{border: 1px solid #000;padding: 10px;width:400px;height:100px;
}
.one{
boder:1px solid red;
width:200px;
height=150px;
backgroundColor=#ccc;
color:blue;
}
</style>
</head>
<body>
<p id="p1">
什么是变量? 从字面上看，变量是可变的量；
</p>
<form>
<input type="button" value="添加样式" onclick="add() "/>
<input type="button" value="重置" onclick="reve()"/>
</form><br>
<div class="sj">
<p id="p2">
我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果...等。
</p>
</form></div><br>
<form>
<input type="button" value="改变颜色" onclick="changecolor() "/>
<input type="button" value="重置" onclick="rev()"/>
</form>
<script type/javascript>
function add(){
var p1=document.getElementById("p1")
p1.style.color="red";
p1.style.backgroundColor="#ccc";
}
function reve(){
var p1=document.getElementById("p1")
p1.removeAttribute('style');
}
function changecolor(){
var p2=document.getElementById("p2");
p2.className="one";
}
function rev(){
var p2=doucument.getElementById("p2");
p2.removeAttribute('style');
}
</script>
---------------------------------
用 <input type="reset" value="重置"；/>也是没反应呢、
第二个重置按钮怎么设置有效？
请检查拼写