Question

本文下方的

是我的代码当我输入空/低数字/高数字时，它运作良好但是当我输入字符串时它不能正常工作

    <!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：无法设置属性＆＃39; innerHTML＆＃39;为null 是什么原因以及如何解决这个问题

Answer 1

document.getElementById(demo1).innerHTML=x;

这应该改为

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

首先，学会阅读错误。

我无法解决我的错误

1 个答案: