简易计算器和日历

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>简易计算器，浮点数运算出问题</title>
</head>
<body>
	<div>
		<span><input type="text" id="num1" onblur="if (isNaN(this.value)) this.value=''; "></span>
		<select id="operator">
			<option selected="selected">+</option>
			<option >-</option>
			<option >*</option>
			<option >/</option>
		</select>
		<span><input type="text" id="num2" onblur="if (isNaN(this.value)) this.value='';"></span>
		<button type="button" onclick="javascript:operator();">=</button>
		<span><input type="text" id="result" disabled="disabled"></span>
	</div>

	<div>
		<span>
			<input type="text" id="dateDispaly" disabled="disabled" style="width: 650px; height: 60px; font-size: 50px; color: red;">
			<script type="text/javascript">
				var timer = window.setInterval(function() {
					var date = new Date();
					var year = date.getFullYear();
					var month = date.getMonth() + 1;
					var day = date.getDate();
					var weekDay = date.getDay();
					var hour = date.getHours();
					var minute = date.getMinutes();
					var second = date.getSeconds();
					var strTime = year + '-' + ((month >= 10)?month:('0'+month)) + '-' + ((day >= 10)?day:('0'+day)) + ' ' + ((hour >= 10)?hour:('0'+hour)) + '-' + ((minute >= 10)?minute:('0'+minute)) + '-' + ((second >= 10)?second:('0'+second));
					switch (weekDay) {
						case 0 :{
							strTime += " 星期日";
							break;
						}
						case 1 :{
							strTime += " 星期一";
							break;
						}
						case 2 :{
							strTime += " 星期二";
							break;
						}
						case 3 :{
							strTime += " 星期三";
							break;
						}
						case 4 :{
							strTime += " 星期四";
							break;
						}
						case 5 :{
							strTime += " 星期五";
							break;
						}
						case 6 :{
							strTime += " 星期六";
							break;
						}
					}
					document.getElementById("dateDispaly").value = strTime;
				}, 1000);
			</script>
		</span>
	</div>
</body>
	<script type="text/javascript">
		function operator() {
			var _num1 = parseFloat(document.getElementById("num1").value);
			var _num2 = parseFloat(document.getElementById("num2").value);
			if(isNaN(_num1) || isNaN(_num2)) {
				alert('请确认数据是否填写完整！');
				return;
			}
			var operator = document.getElementById("operator").value;
			var c;
			switch (operator) {
				case '+' : {
					c = _num1 + _num2;
					break;
				}
				case '-' : {
					c = _num1 + _num2;
					break;
				}
				case '*' : {
					c = _num1 + _num2;
					break;
				}
				case '/' : {
					if(_num2 == 0) {
						alert('被除数不可为0。。。');
						return;
					}
					c = _num1 + _num2;
					break;
				}
			}
			document.getElementById("result").value = c;
		}
	</script>
</html>
简易计算器和日历

猜你喜欢
