• 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{
                     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{
                     312px;
                    height: 30px;
                    border: 1px solid black;
                    margin-top: 10px;
                    background-color: gainsboro;
                    border-radius: 4px;
                }
                .hengk{
                     312px;
                    height:100px ;
                }
                .xiaok{
                    float: left;
                     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=" 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>
    

      

     

      

  • 相关阅读:
    2117 poj 割点练习
    hdu 2767强连通分量练习
    hdu 1301 kruskal 最小生成树
    hdu 1523 求割点和块
    hdu 1207Arbitrage 最短路劲
    hdu 1874 畅通工程续
    求最小点基 poj 1236
    Hdu 1301 prim算法 生成最小生成树
    我眼中的性能测试工程师
    Web系统的测试
  • 原文地址:https://www.cnblogs.com/wangrongchen/p/8858832.html
Copyright © 2020-2023  润新知