请问这样编写可否优化?

来源:4-5 编程练习

鲸落2020

2020-07-01 15:21:20

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>鼠标移动事件</title>

    <style type="text/css">

    b{color: #f00;}

    </style>

</head>

<body>

    <p>字数限制在30字内,<span id="bx1">您还可以输入<b id="bx2">30</b> 字</span></p>

    <textarea cols="50"  rows="7"  id="text"></textarea>

    <script type="text/javascript">

        //补充代码

        var bx1=document.getElementById("bx1");

            bx2=document.getElementById("bx2");

        var text=document.getElementById("text");

        var max1=30,max2=-1;

        text.onkeyup=function(){

           var len=text.value.length;

           var total=max1-len;

           if(total<0){

            var tota2=max2*total;

            bx1.innerHTML=("您输入的字已超出"+tota2+"字");

           }else{bx1.innerHTML=("您还可以输入"+total+"字");}}

    </script>

</body>

</html>


写回答

1回答

好帮手慕慕子

2020-07-01

同学你好,效果实现的很棒,代码也很简洁,不用再优化了,继续加油,祝学习愉快~

0

0 学习 · 40143 问题

查看课程