我的代码运行不出来!!

img

img

img

img

我是想在提交这个按钮上调用checknum函数,然后我是想判断卡号是否为10位,如果不为10位,就在span那里出现“请输入10位卡号”这样的文字,但是我运行不出来
第四张是答案,我按照这里的写,我也运行不出来
是哪里出啥问题了呐?

if那里面少个分号,然后var gg = document.getElementById("g").value这里后面的.value不需要,因为是获取对象,所以后面的.value不需要;

然后后续可能还需要增加当输入的是10位的卡号时,清除原来的提示信息。

初步修改如下:

<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        
        <script type="text/javascript">
            function checknum(){
                var kk= document.getElementById('k').value;
                if (kk.length==10){
                    return true;
                    //document.getElementById('t2').innerHTML='请输入10位的卡号';
                }else{
                    var gg = document.getElementById("g");
                    var ggg = "请输入10位的卡号";
                    gg.innerHTML=ggg;
                }
                
            }
            
            
        </script>
        
    </head>

    <body>
        <form>
            <table border="0">
                <tr>
                    <td>校园卡号:</td>
                    <td><input type="text" id="k" value=""></td>
                    <td><span id="g"></span></td>
                </tr>
                
                <tr>
                    <td colspan="3" align="center" ><input type="button" name="" id="" value="提交" onclick="checknum()"><input  type="button" value="重置"/></td>
                </tr>
            </table>
        </form>
    </body>

</html>

img