JavaScript基础练习（一）

加法的案例改为可以做加减乘除、求余五种运算

为抵抗洪水，战士连续作战89小时，编程计算共多少天零多少小时？

(function(a){
			alert("战士连续作战"+parseInt(a/24)+"天"+a%24+"小时");
		}(89));

小明要到美国旅游，可是那里的温度是以华氏度为单位记录的。它需要一个程序将华氏温度（80度）转换为摄氏度，并以华氏度和摄氏度为单位分别显示该温度。

提示：摄氏度与芈氏度的转换公式为：摄氏度 = 5/9.0*(华氏度-32)，保留3位小数。

(function(a){
			alert("华氏温度（"+a+"度）"+"    " +"摄氏度"+"("+tmp_trasform(a)+")");
		}(80));

		function tmp_trasform(tmp){
			return parseInt(5/9.0*(tmp-32)*1000)/1000;
		}

var k=-2;

alert(++k + k++
+ ++k + k);

-1 -1
1 1=0

入职薪水10K，每年涨幅5%，50年后工资多少？

(function(a){
			var total=a;
			for(i=1;i<=50;i++)
				total+=total*0.05;
			alert(total);
		}(10));

根据输入的数字，判断是否为闰年

(function(a){
			alert(a%400==0||(a%100!=0&&a%4==0)?"闰年":"不是闰年")
		}(2017));

根据输入的成绩，判定成绩的等级A\B\C\D

		(function(a){
			alert(core_(parseInt(a/10)))
		}(100));

		function core_(core){
			switch(core){
				case 10:
				case 9: return 'A';
				case 8: return 'B';
				case 7: return 'C';
				case 6: return 'D';

			}
		}

根据输入的数字，返回星期几

根据输入月份，输出每月天数

(function(a){
			alert(month_(a))
		}(10));
		function month_(month){
			switch(month){
				case 1:
				case 3:
				case 5:
				case 7:
				case 8:
				case 10:
				case 12: return 31;
				case 2:
						if(year%400==0||(year%100!=0&&year%4==0))
							return 29;
						else
							return 28;

				default:return 30;
			}
		}

判断一个整数，属于哪个范围：大于0；小于0；等于0

		(function(a){

			alert( a+"的值  ： "+(a>0?"大于零":a==0?"等于零":"小于零"));
		}(-100));

判断一个整数是偶数还是奇数，并输出判断结果

(function(a){

			alert( a+"的值  ： "+(a%2?"是奇数":"是偶数"));
		}(1001));

开发一款软件，根据公式（身高-108）*2=体重，可以有10斤左右的浮动。来观察测试者体重是否合适

(function(height,weight){
			var tmp=(height-108)*2
			alert(tmp+10>=weight?"体重合格":tmp-10<=weight?"体重合格":"体重不合格");

		}(180,120));

var x =2;

switch(x){

case 1: console.log(1);

case 2: console.log(2);

default:break;

case 3: console.log(3);

}

这段小程序的输出结果是？结果 2

var x =2;
switch(x){
 default:break;
     case 1: console.log(1);
     case 2: console.log(2);

     case 3: console.log(3);
}

结果是：2 3

根据一个数字日期，判断这个日期是这一年的第几天

例如： "20160211"，计算后结果为42

var date_="20140211";
		var year=parseInt(Number(date_)/10000);
		var month=parseInt(Number(date_)/100)%100;
		var day=Number(date_)%100;

		var total=0;
		for(var i=month-1;i>0;i--)
			total+=month_(i);
		console.log(total+=day);

		function month_(month){
			switch(month){
				case 1:
				case 3:
				case 5:
				case 7:
				case 8:
				case 10:
				case 12: return 31;
				case 2:
						if(year%400==0||(year%100!=0&&year%4==0))
							return 29;
						else
							return 28;

				default:return 30;
			}
		}

计算器案例

<!doctype html>
<html>
<head>
	<meta charset="UTF-8" />
	<title></title>
	<style>
		div{height:500px;width:500px;margin:50px auto;background#ccc;}
		button{height:20px;width:20px;background:#eee;}

	</style>

</head>
<body>
	<div>
		<label>请输入第一个数<input type="text" /></label><br/>
		<label>请输入第二个数<input type="text" /></label><br/>
		<button onclick="ac(this)">+</button>
		<button  onclick="ac(this)">-</button>
		<button  onclick="ac(this)">*</button>
		<button  onclick="ac(this)">/</button>
		<br/><br/>
		<input type="text" />

	</div>

	<script>

		var arr = document.getElementsByTagName("input");
		function ac(this_){
			var a=arr[0].value;
			var b=arr[1].value;
			var a_t=a;
			var b_t=b;
			//alert(Boolean((a=parseInt(a))&&(b=parseInt(b))));
			//((a=Number(a_t))&&(b=parseInt(b_t)))
			//x((a=parseInt(a_t))&&(b=Number(b_t)))

			if(!(((a=Number(a_t))&&(b=Number(b_t)))||((a=Number(a_t))&&(b=parseInt(b_t)))||((a=parseInt(a_t))&&(b=Number(b_t)))||((a=parseInt(a_t))&&(b=parseInt(b_t)))
			)){

				alert("请输入正确的数字");
				return;
			}

			var res=0;
			switch(this_.innerHTML){
				case '+' : res=a+b;break;
				case '-' : res=a-b;break;
				case '*' : res=a*b;break;
				case '/' : res=a/b;break;
				default: break;
			}
			arr[2].value=res;

		}

	</script>
</body>
</html>

编写一个页面表单，使用JS判断输入内容是否合法

<style type="text/css">

;}

html,body{

background: #9CBC2C;

font-family: "微软雅黑";

}

ul,ol,input { list-style: none; border: none;}

px auto; }

.main .step{

px;

px; font-weight: bold;

px;

}

.main ul li {

px;

, .3);

px #e3ebc3;

, .6);

px;

}

.main ul li label{

px; color: #111111;

px;

}

.main ul li input{

px;

px; outline: none;

px;

}

.main .savebtn{

px;

text-align: center; color: #E3EBC3;

font-weight: bold; cursor: pointer;

px auto;

px gray;

background: linear-gradient(#50B9FD,#1158A8);

}

</style>

<body>

<div class="main">

<span class="step">Step1:用户详细资料</span>

<ul>

<li>

<label>用户名称:</label>

<input type="text" placeholder="请输入用户名" />

</li>

<li>

<label>邮件地址:</label>

<input type="text" placeholder="example@qq.com" />

</li>

<li>

<label>练习电话:</label>

<input type="text" placeholder="13539008452" />

</li>

</ul>

<span class="step">Step2:家庭住址（收货地址）</span>

<ul>

<li>

<label>详细地址:</label>

<input type="text" placeholder="请输入用户名" />

</li>

<li>

<label>邮政编码:</label>

<input type="text" placeholder="example@qq.com" />

</li>

<li>

<label>国       家:</label>

<input type="text" placeholder="13539008452" />

</li>

</ul>

<span class="savebtn">保存</span>

</div>

</body>

JavaScript基础练习（一）的更多相关文章

JavaScript基础
JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...
一步步学习javascript基础篇（0）:开篇索引
索引: 一步步学习javascript基础篇(1):基本概念一步步学习javascript基础篇(2):作用域和作用域链一步步学习javascript基础篇(3):Object.Function等 ...
前端之JavaScript基础
前端之JavaScript基础本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...
一步步学习javascript基础篇（3）：Object、Function等引用类型
我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...
Javascript基础回顾之(三) 面向对象
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
Javascript基础回顾之(二) 作用域
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
Javascript基础回顾之(一) 类型
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
JavaScript 基础回顾——对象
JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象在JavaScript中 ...
javascript基础01
javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...
javascript基础02
javascript基础02 1.数据类型数据类型的描述在上篇的扩展中有写到链接由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...

随机推荐

python基础（5）
使用dict和set dict Python内置了字典:dict的支持,dict全称dictionary,在其他语言中也称为map,使用键-值(key-value)存储,具有极快的查找速度. 举个例子 ...
scala(二)
一.映射 1.Scala映射就是键值对的集合Map.默认情况下,Scala中使用不可变的映射. 如果想使用可变集合Map,必须导入scala.collection.mutable.Map (导包 ...
【bzoj4559】成绩比较
Portal -->bzoj4559 补档计划借这题补个档--拉格朗日插值插值的话大概就是有一个$n-1$次多项式$A(x)$,你只知道它在$n$处的点值,分别是\ ...
美化mfc界面，给mfc界面加上皮肤
注明:里面使用到的资源文件在自己的腾讯微云有. 原图: 添加皮肤后: 通过对比就能知道,加上皮肤后给人的感觉就是耳目一新了. 技术详细说明: 这里用到的是一个轻量型的美化工具SkinSharp又称Sk ...
2016-2017 ACM-ICPC Southwestern European Regional Programming Contest (SWERC 2016) F dfs序+树状数组
Performance ReviewEmployee performance reviews are a necessary evil in any company. In a performance ...
php中foreach使用引用的陷阱
有时候我们为了在循环过程中改变数组项的值,在foreach的时候变量入口可以加个&符合, 表示,循环过程中使用数组中原来的值,而不是一个复制的值,如 foreach ($array as &a ...
bzoj 2795 [Poi2012]A Horrible Poem hash+数论
2795: [Poi2012]A Horrible Poem Time Limit: 50 Sec Memory Limit: 128 MBSubmit: 640 Solved: 322[Subm ...
关于Linux运维的一些题目总结
一.有文件file1 1.查询file1里面空行的所在行号 awk ‘{if($0~/^$/)print NR}’ fileorgrep -n ^$ file |awk ‘BEGIN{FS=”:”}{ ...
== 和 equals，equals 与 hashcode，HashSet 和 HashMap，HashMap 和 Hashtable
一:== 和 equals == 比较引用的地址equals 比较引用的内容 (Object 类本身除外) String obj1 = new String("xyz"); Str ...
webpack4.0.1安装问题及解决方法
2月底的时候,webpack4正式发布了,但是当我们安装之后,使用下面的语句来打包的时候,发现打包失败了 webpack ./src/main.js ./dist/bundle.js 并且给出了下面这 ...

JavaScript基础练习（一）

JavaScript基础练习（一）的更多相关文章

随机推荐

热门专题