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

總結

以上是生活随笔為你收集整理的html语言制作简单计算器,HTML自制计算器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。