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


  • 为抵抗洪水，战士连续作战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;
px;
, .3);
px #e3ebc3;
, .6);
px;
     }
     .main ul li label{
px; color: #111111;
px;
     }
     .main ul li input{
px;
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>国&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;家:</label>
                   <input type="text" placeholder="13539008452" />
              </li>
          </ul>
          <span class="savebtn">保存</span>
     </div>
</body>











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

  1. JavaScript基础

    JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...

  2. 一步步学习javascript基础篇（0）:开篇索引

    索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...

  3. 前端之JavaScript基础

    前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...

  4. 一步步学习javascript基础篇（3）：Object、Function等引用类型

    我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...

  5. Javascript基础回顾 之(三) 面向对象

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  6. Javascript基础回顾 之(二) 作用域

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  7. Javascript基础回顾 之(一) 类型

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  8. JavaScript 基础回顾——对象

    JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...

  9. javascript基础01

    javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...

  10. javascript基础02

    javascript基础02 1.数据类型 数据类型的描述在上篇的扩展中有写到链接 由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型 ...

随机推荐

  1. 【loj2033】生成魔咒

    Portal --> loj2033 Solution 这题..虽然说好像也是sam的裸题不过既然在智力康复那就强制后缀数组吧qwq ​ (晚点再用sam写一次qwq) 首先如果是要求本质不同的 ...

  2. cmakelist 定义字符串，替换到脚本中。

    cmake_minimum_required(VERSION 2.6 FATAL_ERROR) cmake_policy(VERSION 2.6) # . Project Name project(s ...

  3. oracle中的substr()函数

    SUBSTR(cExpression,nStartPosition [,nCharactersReturned])其中,cExpression指定要从其中返回字符串的字符表达式或备注字段:nStart ...

  4. bzoj3205 [Apio2013]机器人

    3205: [Apio2013]机器人 Time Limit: 15 Sec  Memory Limit: 128 MBSubmit: 953  Solved: 227[Submit][Status] ...

  5. 手机 safari mac 调试

    1.下载 safari technology preview 2.iphone 设置: 打开“设置”程序,进入“Safari”->“高级”页面开启“Web检查器” 3.mac 上打开 safar ...

  6. duilib 使用图片素材或者算法给窗体增加阴影（源码和demo）

    转载请说明原出处,谢谢:http://blog.csdn.net/zhuhongshu/article/details/42580877 之前我写的程序使用阴影时,一直是使用codeproject网站 ...

  7. LeakCanary原理分析

    参考文档 http://blog.csdn.net/wyfei021/article/details/46506521http://vjson.com/wordpress/leakcanary%e6% ...

  8. Tensorflow模型变量保存

    Tensorflow:模型变量保存 觉得有用的话,欢迎一起讨论相互学习~Follow Me 参考文献Tensorflow实战Google深度学习框架 实验平台: Tensorflow1.4.0 pyt ...

  9. 【整理】explain、type、extra用法和结果的含义

    EXPLAIN列详情 详细解读:https://www.cnblogs.com/yycc/p/7338894.html explain显示了mysql如何使用索引来处理select语句以及连接表.可以 ...

  10. springsecurity remember-me 功能

    本文基于spring-security-web-4.1.2.RELEASE. 要实现rememberMe,有两种方案. 1.基于简单加密token的方法 首先需要在配置文件中加入<remembe ...