function onclickDelete() {
if(isNotCal == false) {
str = document.getElementById("nummessege")
str.value = str.value.substr(0, str.value.length - 1)
} else {
onclickclear()
}
// console.log("清除最后一位")
}
// 监听键盘事件
document.onkeydown = function(e) {
// console.log(e)
switch(e.key) {
case '1':
onclicknum(1)
break
case '2':
onclicknum(2)
break
case '3':
onclicknum(3)
break
case '4':
onclicknum(4)
break
case '5':
onclicknum(5)
break
case '6':
onclicknum(6)
break
case '7':
onclicknum(7)
break
case '8':
onclicknum(8)
break
case '9':
onclicknum(9)
break
case '0':
onclicknum(0)
break
case '.':
onclicknum('.')
break
case '+':
onclicknum('+')
break
case '-':
onclicknum('-')
break
case '*':
onclicknum('×')
break
case '/':
onclicknum('÷')
break
case 'Backspace':
e.preventDefault()
onclickDelete()
break
case 'Enter':
e.preventDefault()
onclickresult()
break
default:
break
}
}
</script>
</head>
<body bgcolor="#F2F2F2">
简易计算器
<!--定义按键表格,每个按键对应一个事件触发-->
<table border="1" align="left" bgColor="#2ca1f4" class="Table">
<tr>
<td colspan="4" style="text-align: center;padding: 5px 0;">
<input disabled="" placeholder="0" type="text" id="nummessege" class="Input" />
</td>
</tr>
<tr>
<td>
<input type="button" value="1" id="1" onclick="onclicknum(1)" class="StandardTd">
</td>
<td>
<input type="button" value="2" id="2" onclick="onclicknum(2)" class="StandardTd">
</td>
<td>
<input type="button" value="3" id="3" onclick="onclicknum(3)" class="StandardTd">
</td>
<td>
<input type="button" value="+" id="add" onclick="onclicknum('+')" class="StandardTd">
</td>
</tr>
<tr>
<td>
<input type="button" value="4" id="4" onclick="onclicknum(4)" class="StandardTd">
</td>
<td>
<input type="button" value="5" id="5" onclick="onclicknum(5)" class="StandardTd">
</td>
<td>
<input type="button" value="6" id="6" onclick="onclicknum(6)" class="StandardTd">
</td>
<td>
<input type="button" value="-" id="sub" onclick="onclicknum('-')" class="StandardTd">
</td>
</tr>
<tr>
<td>
总结
为了帮助大家更好温习重点知识、更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。
内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。
前端面试题汇总
CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
JavaScript
性能
linux
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/163634.html