html游戏计算器,HTML自制计算器

1

2

3

4

5

自制计算器

6

7

8

9

10 $(function(){11 var$btn=$("#calc")12 //取消已绑定的事件:

13 $btn.off(‘click‘);14 $btn.click(function() {15 varx=parseFloat($(‘#x‘).val()),16 op=$(‘#op‘).val(),17 y=parseFloat($(‘#y‘).val()),18 r;19 r=x+op+y;20 document.getElementById("result").value=eval(r);21 //alert(‘计算结果：‘+r);

22 try{23 if(isNaN(x)||isNaN(y)){24 throw newError("输入有误！");25 }26 }catch(e){27 alert("输入有误！"+e);28 }finally{29 alert(‘计算结果：‘+x+op+y+"="+eval(r));30 }31 });32

33 //创建过去7天的数组

34 $("#calendar").click(function() {35 varDateArray=[...Array(7).keys()].map(days=>newDate(Date.now()+86400000*days));36 console.log(DateArray);37 alert(DateArray);38 });39 //生成随机ID

40 $("#RanNum").click(function() {41 //生成长度为11的随机字母数字字符串

42 varRanNum=Math.random().toString(36).substring(2);43 //hg7znok52x

44 console.log(RanNum);45 alert(RanNum);46 });47 //本地时间

48 $("#time").click(function() {49 vartime=setInterval(()=>document.getElementById("timeDiv").innerHTML=newDate().toLocaleString().slice(10,19))50 });51 //生成随机十六进制代码(生成随机颜色)如：‘#c618b2‘]

52 $("#RanCode").click(function() {53 varRanCode=‘#‘+Math.floor(Math.random()*0xffffff).toString(16).padEnd(6,‘0‘);54 console.log(RanCode);55 alert(RanCode);56 });57 //数组去重

58 $("#arrlist").click(function() {59 vararr=Array[1,2,2,3,5,6,6,9,8];60 vararred=[...newSet(arr)];61 console.log(arred);62 alert(arred);63 });64 //返回一个键盘(惊呆了)

65 //用字符串返回一个键盘图形

66 $("#Graphical").click(function() {67 //var Graphical=(_=>[..."‘1234567890-=~~QWERTYUIOP[]\\~ASDFGHJKL;‘~~ZXCVBNM,./~"].map(x=>(o+=’/${b=‘_‘.repeat(w=x

68 });69 });70

71 functioncalcul(){72

73 }74

75

76

77

78

79

80

81 +

82 -

83 *

84 /

85

86

87 =

88

89