为什么在输入框内输入代码后提交只显示undefined?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
h2 {
color: skyblue;
}
.code-show {
width: 1000px;
height: 600px;
background-color: #F6F6F6;
}
</style>
<h2>Javascript控制台</h2>
</head>
<body>
<div class="code-show" id="cs"></div>
<input placeholder="输入JS代码" id="its" style="width:800px"/>
<botton onclick="sd()">提交</botton>
<botton onclick="clk()">清除</botton>
<script>
function sd() {
var it=document.getElementById('its').value,cb='',wg=false,fun=function(e,mes){cb='代码在'+mes+'时出错:'+e.message; wg=true},console={'log':function(ve){document.getElementById('cs').innerHTML = document.getElementById('cs').value+"<div style='width:auto;height:auto;color:#F6F6F6'>"+ve+"</div>"}}
console.log('资源加载成功')
document.getElementById('cs').innerHTML = document.getElementById('cs').value+it
try {it=new Function(it)}catch(e){fun(e,'编译')}
try {it()}catch(e){fun(e,'运行')}
if(wg=false){document.getElementById('cs').innerHTML = document.getElementById('cs').value+"<div style='width:auto;height:auto;color:green'>成功执行了代码</div>"}
else{document.getElementById('cs').innerHTML = document.getElementById('cs').value+"<div style='width:auto;height:auto;color:red'>"+cb+"</div>"}
}
</script>
</body>
</html>
图片:
