用JS写一个指数计算器，请教哪里错了？

function res(){
var di = document.getElementById("xvalue")vaule;
var zhi = document.getElementById("yvalue")value;
var jieguo = Math.pow(di,zhi);
document.getElementById("result").value = jieguo;
}
</script>
<form action="" id="mijs">
请输入底数<br />
<input type="txt" name="xvalue" id="x" / >
<br />
请输入指数<br />
<input type="txt" name="yvalue" id="y" />
<br />
<input type = "button" value ="开始计算" id="cal" onclick="res()">
<br />
结果
<br />
<input type="txt" id="result" />

在结果框中没有出现计算结果，将计算结果框赋值的那里错了吗？

---

1、你的value拼写错误
2、缺少个.
3、getElementById是id的值不是name的值
所以JS要修改为

 function res(){
        var di = document.getElementById("x").value;
        var zhi = document.getElementById("y").value;
        var jieguo = Math.pow(di,zhi);
        document.getElementById("result").value = jieguo;
    }