HTML、css、js的简单练习

2021-05-09 02:28

阅读:423

标签:eval   javascrip   isnan   family   ble   bsp   body   sub   var   

制造一个计算机

html

    
0
清零 退格 开机 /
7 8 9 *
4 5 6 -
1 2 3 +
0 . +/- =

  

css

.qpw{
    border: 1px solid #000;
    width: 408px;
    height: 70px;
    font-size: 40px;
    text-align: right;
    line-height: 100px;
}
.kuang {
    width: 100px;
    height: 100px;

}

  

js

var su = 0;
$(‘.fl‘).click(function () {
    var th = $(this).text();
    if(th==‘c‘){
        $(‘.qpw‘).text(0);
    }else if(th==‘=‘){
        var bk=$(‘.qpw‘).text();
        su=eval(bk);
        $(‘.qpw‘).text(su);
    }else{
        if(su==0 &&!isNaN(th)){
            su=th;
        }else if(isNaN(th)){
            var zh=su.substr(su.legth-1,1);
            if(isNaN(zh)){
                su=su.substr(0,su.legth-1)+th
            }else{
                su=su+th;
            }
        }else{
            su=su+th;
        }
        $(‘.qpw‘).text(su);
    }
})

  

 

全选

html

    
全选 姓名 性别 年龄
张三 28
打飞机 18
李四 不详 ???

  

 

 js

function testChange() {
    var con = document.getElementById("contro");
    var boxz = document.getElementsByName("box");
    for (var i = 0; i 

 

 

删除

js

$(‘body‘).on(‘click‘, ‘.del‘, function () {
    $(this).parents(‘trs‘).remove();
})

  

编辑

$(‘body‘).on(‘click‘, ‘.edit input‘, function () {
    var text = $(this).text();
    $(this).html(‘‘);
    $(this).children().focus();
});
$(‘body‘).on(‘click‘, ‘input‘, function () {
    return false;
});
$(‘body‘).on(‘blur‘, ‘input‘, function () {
    var val = $(this).val();
    $(this).parent().text(val);
})

  

 

二维码

 

var qrcod=‘1234567890asdfghjklqwertyuiopzxcvbnm‘
var len=qrcod.length;
var arr=qrcod.split("");
var qr="";
for(i=0;i

  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

HTML、css、js的简单练习

标签:eval   javascrip   isnan   family   ble   bsp   body   sub   var   

原文地址:https://www.cnblogs.com/wangzihao147/p/12074079.html


评论


亲,登录后才可以留言!