我要评论 1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>自制计算器</title>
6 <link href="css/bootstrap.css" rel="stylesheet" />
7 <script src="js/bootstrap.js"></script>
8 <script src='f:\javascript实例\jquery-1.7.2.js'></script>
9 <script type="text/javascript">
10 $(function(){
11 var $btn=$("#calc")
12 // 取消已绑定的事件:
13 $btn.off('click');
14 $btn.click(function() {
15 var x=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 new error("输入有误！");
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 var datearray=[...array(7).keys()].map(days=>new date(date.now()+86400000*days));
36 console.log(datearray);
37 alert(datearray);
38 });
39 //生成随机id
40 $("#rannum").click(function() {
41 //生成长度为11的随机字母数字字符串
42 var rannum=math.random().tostring(36).substring(2);
43 //hg7znok52x
44 console.log(rannum);
45 alert(rannum);
46 });
47 //本地时间
48 $("#time").click(function() {
49 var time=setinterval(()=>document.getelementbyid("timediv").innerhtml=new date().tolocalestring().slice(10,19))
50 });
51 //生成随机十六进制代码（生成随机颜色）如：'#c618b2']
52 $("#rancode").click(function() {
53 var rancode='#'+math.floor(math.random()*0xffffff).tostring(16).padend(6,'0');
54 console.log(rancode);
55 alert(rancode);
56 });
57 //数组去重
58 $("#arrlist").click(function() {
59 var arr=array[1,2,2,3,5,6,6,9,8];
60 var arred=[...new set(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<y?2:' 667699'[x=["bs","tab","caps","enter"][p++]||'shift',p])}\\|‘,m+=y+(x+' ').slice(0,w)+y+y,n+=y+b+y+y,1+=' __'+b)[73]&&(k.push(l,m,n,o),l='',m=n=o=y),m=n=o=y='|',p=l=k=[])&&k.jion‘‘)();
68 });
69 });
70
71 function calcul(){
72
73 }
74 </script>
75 </head>
76 <body>
77 <form>
78 <div id="calculatediv">
79 <input type="text" id="x" />
80 <select name="option" id="op">
81 <option value="+">+</option>
82 <option value="-">-</option>
83 <option value="*">*</option>
84 <option value="/">/</option>
85 </select>
86 <input type="text" id="y" />
87 =<input type="text" id="result"/>
88 <input class="btn btn-success" type="submit" style="text-align:center;margin:0px auto;font-size:14px;font-family:'微软雅黑'" value="计算" id="calc" />
89 </div>
90 </form>
91 <div>
92 <button id="calendar" value="">日历</button>
93 <button id="rannum" value="">获取随机id</button>
94 </div>
95 <div>
96 <button id="time" value="">获取本地时间</button>
97 <span id="timediv"></span>
98 <button id="rancode" value="">获取随机颜色代码</button>
99 <button id="arrlist" value="">数组去重</button>
100 <button id="graphical" value="">返回键盘图形</button>
101 </div>
102 </body>
103 </html>
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请 点击进行留言回复，万千网友为您解惑！
网友评论