Функция onclick javascript, не передающая переменную из текстового поля

Question

Я уже много дней перебираю через Stack Overflow, пытаясь понять, почему мой код не работает. Увы, вот я, задавая очень простой вопрос.

У меня есть HTML-форма с текстовым полем и кнопкой отправки. Вы вводите число в текстовое поле, нажмите кнопку «Отправить», и предполагается, что он должен обновить div с информацией о введенном вами номере. Я знаю, что функция работает. Если я жестко закодирую номер в кнопку отправки, он правильно вставляет html. Но если я изменил onclick кнопки отправки, чтобы включить текст в текстовое поле, ничего не происходит.

Любая помощь была бы принята с благодарностью.

HTML ===============================

<form> 
<input type="text" name="thenumber" id="thenumber" /> <input type="button" onClick="numbers(document.getElementById('thenumber').value);" value="Click Me!" /> 
</form> 
<div id="message"></div> 

JS ====== =========================== снова

var numbers = function(identify){ 

switch (identify) { 

    case '1234': 
     document.getElementById("message").innerHTML = "Device 1"; 
     break; 
    case '5678': 
     document.getElementById("message").innerHTML = "Device 2"; 
     break; 
    case '9101': 
     document.getElementById("message").innerHTML = "Device 3"; 
     break; 
     default: 
     document.getElementById("message").innerHTML = "Device Unknown"; 
}; 
}; 

Спасибо за вашу помощь!

Answer 1

У вас не хватает скобку

"numbers(document.getElementById('thenumber').value)" 

Answer 2

Если вы хотите включить этот текст в текстовом поле, вы не должны использовать innerHTML, вы должны использовать значение.

Ex: document.getElementById ("message"). Value = "Device Unknown";

Answer 3

Хорошо, попробуйте скопировать мой код.

<input type="text" name="thenumber" id="thenumber" /> 
<input type="button" onClick="numbers(document.getElementById('thenumber').value)" value="Click Me!" /> 

<div id="message"></div> 

var numbers = function(identify){ 

switch (identify) { 

    case '1234': 
     document.getElementById("message").innerHTML = "Device 1"; 
     break; 
    case '5678': 
     document.getElementById("message").innerHTML = "Device 2"; 
     break; 
    case '9101': 
     document.getElementById("message").innerHTML = "Device 3"; 
     break; 
     default: 
     document.getElementById("message").innerHTML = "Device Unknown"; 
}; 
}; 

Вы синтаксическую ошибку на OnClick событие