我可以'我不能纠正我的错误

I can't fix my error

本文关键字:我的 错误 不能 我可以      更新时间:2023-09-26

下面的文本是我的代码当我输入空/低num/高num时,它工作得很好然而,当我输入字符串时,它不能很好地

    <!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <h1>Show error message depending on input value by using try/catch/throw</h1>
    <input type="text" id="input1">
    <button id="btn1" onclick="showR()">Show the result</button>
    <p id="demo1"></p>
    <script type="text/javascript">
        function showR(){
        var x;
        x= document.getElementById('input1').value;
        //x= Number(x);
        try{
            if(x=="")throw "empty";
            if(x==isNaN(x))throw "not a number";
            x= Number(x);
            if(x<5)throw "too low";
            if(x>10)throw "too high";
            document.getElementById(demo1).innerHTML=x;
        }catch(err){
            document.getElementById('demo1').innerHTML = "input is : " + err;
        }
        document.getElementById('input1').innerHTML='hi';
    }
    </script>
</body>
</html>

错误消息为输入为:TypeError:无法设置null的属性"innerHTML"原因是什么,我该如何解决这个问题

document.getElementById(demo1).innerHTML=x;

这应该改为

document.getElementById('demo1').innerHTML=x;

首先,学会阅读错误。