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 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

68 });

69 });

70

71 function calcul(){

72

73 }

74

75

76

77

78

79

80

81 +

82 -

83 *

84 /

85

86

87 =

88

89

90

91

92 日历

93 获取随机id

94

95

96 获取本地时间

97

98 获取随机颜色代码

99 数组去重

100 返回键盘图形

101

102

103