• 网页计算器

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<style>
    8. 		.box {
    9. 			height: 570px;
    10. 			width: 500px;
    11. 			background-color: deeppink;
    12. 			margin: auto;
    13. 			border-radius: 10px;
    14. 			border: 3px solid black;
    15. 		}
    16.  
    17. 		.dtable {
    18. 			height: 560px;
    19. 			width: 460px;
    20. 			margin: auto;
    21. 		}
    22.  
    23. 		#txt {
    24. 			height: 70px;
    25. 			width: 300px;
    26. 			font-size: 50px;
    27. 			font-family: "黑体";
    28. 			font-weight: 200px;
    29. 			border: 2px solid black;
    30. 		}
    31.  
    32. 		td {
    33. 			text-align: center;
    34. 			font-size: 20px;
    35. 			font-weight: 200;
    36. 			margin: auto;
    37. 			padding: auto;
    38. 		}
    39.  
    40. 		.point {
    41. 			height: 80px;
    42. 			width: 97px;
    43. 			text-align: center;
    44. 			padding: auto;
    45. 			margin: auto;
    46. 			border-radius: 10px;
    47. 			border: 2px solid black;
    48. 			background-color: hotpink;
    49. 			cursor: pointer;
    50. 			font-size: 60px;
    51. 			font-family: "黑体";
    52. 		}
    53.  
    54. 		.point:hover {
    55. 			background-color: lightpink;
    56. 		}
    57. 	style>
    58. 	<body>
    59. 		<div class="box">
    60. 			<table class="dtable">
    61. 				<tr>
    62. 					<td colspan="3" class="rdt">
    63. 						<input type="text" id="txt" value="" readonly />
    64. 					td>
    65. 					<td>
    66. 						<img src="img/rabbit.gif" alt="">
    67. 					td>
    68. 				tr>
    69. 				<tr>
    70. 					<td>
    71. 						<div class="point" onclick="fun('9')">9div>
    72. 					td>
    73. 					<td>
    74. 						<div class="point" onclick="fun('8')">8div>
    75. 					td>
    76. 					<td>
    77. 						<div class="point" onclick="fun('7')">7div>
    78. 					td>
    79. 					<td>
    80. 						<div class="point" onclick="fun('+')">+div>
    81. 					td>
    82. 				tr>
    83. 				<tr>
    84. 					<td>
    85. 						<div class="point" onclick="fun('6')">6div>
    86. 					td>
    87. 					<td>
    88. 						<div class="point" onclick="fun('5')">5div>
    89. 					td>
    90. 					<td>
    91. 						<div class="point" onclick="fun('4')">4div>
    92. 					td>
    93. 					<td>
    94. 						<div class="point" onclick="fun('-')">-div>
    95. 					td>
    96. 				tr>
    97. 				<tr>
    98. 					<td>
    99. 						<div class="point" onclick="fun('3')">3div>
    100. 					td>
    101. 					<td>
    102. 						<div class="point" onclick="fun('2')">2div>
    103. 					td>
    104. 					<td>
    105. 						<div class="point" onclick="fun('1')">1div>
    106. 					td>
    107. 					<td>
    108. 						<div class="point" onclick="fun('*')">×div>
    109. 					td>
    110. 				tr>
    111. 				<tr>
    112. 					<td>
    113. 						<div class="point" onclick="fun('0')">0div>
    114. 					td>
    115. 					<td>
    116. 						<div class="point" onclick="fun('C')">Cdiv>
    117. 					td>
    118. 					<td>
    119. 						<div class="point" onclick="fun('=')">=div>
    120. 					td>
    121. 					<td>
    122. 						<div class="point" onclick="fun('/')">÷div>
    123. 					td>
    124. 				tr>
    125. 			table>
    126. 		div>
    127. 		<script>
    128. 			var s = '';
    129.  
    130. 			function fun(value) {
    131. 				var txt = document.getElementById("txt");
    132. 				if (value === 'C') {
    133. 					s = '';
    134. 				} else if (value === '=') {
    135. 					s = eval(s);
    136. 				} else if (value === '+' || value === '*' || value === '/' || value === '-') {
    137. 					if (s[s.length - 1] === '+' || s[s.length - 1] === '*' || s[s.length - 1] === '/' || s[s.length - 1] ===
    138. 						'-') {
    139. 						s=s.substr(0,s.length-1);
    140. 						s+=value;
    141. 					} else s += value;
    142. 				} else {
    143. 					s += value;
    144. 				}
    145. 				if (s == "Infinity") txt.value = "分母不为0！";
    146. 				else if (s == "Undefined") txt.value = "请输入正确数字！";
    147. 				else txt.value = s;
    148. 				// alert(s);
    149.  
    150. 			}
    151. 		script>
    152. 	body>
    153. html>

  • 相关阅读:
    OpenText EnCase Mobile Investigator 查看、分析和报告被调查手机的证据
    21天学习挑战赛——Python爬虫 requests库
    MyBatis：映射配置文件
    基于ssm的线上旅行信息管理系统（有报告）。Javaee项目，ssm项目。
    系列五、怎么查看默认的垃圾收集器是哪个？
    ubuntu22.04.3 安装postgresql 16 rc1数据库
    【英语：基础进阶_语法进阶提升】F4.名词性从句
    【Java后端】美团提前批一面和二面面经！
    Linux之磁盘与文件系统
    [计算机提升] 命令、批处理介绍
  • 原文地址：https://blog.csdn.net/m0_71385141/article/details/133247694