JS小测验

1.编写一个方法method()，判断一个数能否同时被3和5整除

<div class="one" onClick="method()">

function method(){
	var a = prompt("输入一个数");
	if(a%3 ==0 && a%5==0){
		alert(true);
	}else{
	alert(false);
}
}

2.有一个函数x<1时，y=x；x>=1且x<10时，y=2x-1；x>10时，y=3x-11

<div class="one" onClick="x()">点击</div>

function x(){
	var x = prompt("请输入");
	if(x<1){
	   alert(x)
	   }else if(x>10){
		   alert(3*x-11);
	   }else{
		   alert(2*x-1);
	   }
}

3.编写一个程序，输入工资和工龄，计算增加后的工资。要求工龄满5，增加20%工资；若2—4，则增加15%；若小于2，则增加10%工资

<div class="one" onClick="gz()">点击</div>

function getmoney(){
		var x =parseInt(prompt("请输入工龄"));
		var y =parseInt(prompt("请输入工资"));
		if (x <2){
			alert("增加后的工资："+(y*1.1));
		}else if (x >=5){
			alert("增加后的工资："+(y*1.2));
		}else{
			alert("增加后的工资："+(y*1.15));
		}
	}

4、实现简单计算器，分别输入两个数和一个运算符号，计算结果。

计算过程使用一个带参数和带返回值得函数封装实现

注意：该计算器只能进行个位数的加减乘除

思路要点：（1）在读取按键的数字的时候，通过 :for循环下的 集合【i】.onclick=function(){ 变量=this.innerHTML}来取得，必须要使用“this”来代替 “被取集合【i】”，否则无法取到值，应该是由于“集合【i】”被设置了onclick=function函数的原因。

（2）然后在取到按键数字的同时判断按键次数，创造变量接收第一次，第二次，第三次取到的字符。同时判断第二次取到的加减乘除号，分情况进行计算。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>简易计算器</title>
        <style type="text/css">
            *{
                margin: 0 auto;
                padding: 0;
            }
            #bigk{
                width: 320px;
                height: 450px;
                background-color: gainsboro;
                border-radius: 8px;
                box-shadow: 5px 5px 5px darkgray;
                margin-top: 30px;
                border: 1px solid black;
                overflow: hidden;
            }
            #sck{
                width: 312px;
                height: 30px;
                border: 1px solid black;
                margin-top: 10px;
                background-color: gainsboro;
                border-radius: 4px;
            }
            .hengk{
                width: 312px;
                height:100px ;
            }
            .xiaok{
                float: left;
                width: 70px;
                height: 90px;
                border: 1px solid black;
                margin-top: 5px;
                margin-left: 5px;
                font-size: 24px;
                font-weight: bolder;
                text-align: center;
                line-height: 90px;
                border-radius: 4px;
            }
            .xiaok:hover{
                cursor: pointer;
                box-shadow: 3px 3px darkgray;
            }
        </style>
    </head>
    <body>
        <div id="bigk">
            <div id="sck">
                <input type="text" value="" style="width: 312px;height: 30px;border: none;background-color:gainsboro ;"/>
            </div>
            <div class="hengk">
                <div class="xiaok">7</div>
                <div class="xiaok">8</div>
                <div class="xiaok">9</div>
                <div class="xiaok">/</div>
            </div>
            <div class="hengk">
                <div class="xiaok">4</div>
                <div class="xiaok">5</div>
                <div class="xiaok">6</div>
                <div class="xiaok">*</div>
            </div>
            <div class="hengk">
                <div class="xiaok">1</div>
                <div class="xiaok">2</div>
                <div class="xiaok">3</div>
                <div class="xiaok">-</div>
            </div>
            <div class="hengk">
                <div class="xiaok">0</div>
                <div class="xiaok">.</div>
                <div class="xiaok">=</div>
                <div class="xiaok">+</div>
            </div>
        </div>
    </body>
</html>
 
<script type="text/javascript">
    var num = document.getElementsByClassName("xiaok");
    var a = 0;
    var b = 0;
    var c = 0;
    var biao = 0
    for(var i = 0 ;i<num.length;i++){
        num[i].onclick=function(){
            biao++;
            document.getElementsByTagName("input")[0].value+=this.innerHTML;
            if(biao ==1){
                a =Number(this.innerHTML) ;
            }else if(biao==2){
                b= this.innerHTML;
            }else if(biao==3){
                c = Number(this.innerHTML);
            }
            if(this.innerHTML=="="){
            switch (b) {
                case"+":document.getElementsByTagName("input")[0].value=a+c;break;
                case"-":document.getElementsByTagName("input")[0].value=a-c;break;
                case"*":document.getElementsByTagName("input")[0].value=a*c;break;
                case"/":document.getElementsByTagName("input")[0].value=a/c;break;
             
        }
            }
         }
    }
     
         
</script>

猜你喜欢