Невозможно установить свойство «innerHTML» неопределенной или нулевой ссылки

Question

Получите эту странную ошибку. Я изучаю javaScript и копирую код откуда-то и запускаю его, но получаю сообщение об ошибке. Вот код. Измените пустую строку на любую другую вещь, например «Тест». Я по-прежнему получаю ту же ошибку.

<script> 

    function theAge() { 
     var message, x; 
     message = document.getElementById("message"); 
     message.innerHTML = ""; 
     x = document.getElementById(age).value; 
     try { 
      x=Number(x); 
      if(x=="") throw "is empty"; 
      if(isNaN(x)) throw "is not a number"; 
      if(x>10) throw "is too high"; 
      if(x<5) throw "is too low"; 
     } 
     catch (err) { 
      message.innerHTML = "input" + err; 
     } 
    } 
</script> 

Answer 1

Похоже, у вас есть опечатка здесь

x = document.getElementById(age).value; 

попробовать

x = document.getElementById("age").value; 

Answer 2

Вы должны иметь элемент для сообщения и один для возраста в вашем HTML. А также поставить термин возраст между ""

See it working here

HTML Пример:

<div> 
    Age: <input type="text" id="age" /> </br> 
    Message: <div id="message"> </div> </br> 
    <button onclick="theAge()">Click</button> 
</div> 

JS код

function theAge() { 
    var message, x; 
    message = document.getElementById("message"); 
    message.innerHTML = ""; 
    x = document.getElementById("age").value; 
    try { 
     x=Number(x); 
     if(x=="") throw "is empty"; 
     if(isNaN(x)) throw "is not a number"; 
     if(x>10) throw "is too high"; 
     if(x<5) throw "is too low"; 
    } 
    catch (err) { 
     message.innerHTML = "input" + err; 
    } 
} 

Answer 3

вы используете серверный элемент управления ... метод использования JQuery

$ ("# controlID") h TML();