Показать переменную JS в текстовом поле html

Question

По какой-либо причине нажатие кнопки не будет содержать переменную в текстовом поле, я не получаю никаких синтаксических ошибок в моем компиляторе, поэтому я думаю, что это логическая ошибка. Заранее спасибо

JS:

var testvar = 5 
$('.teambtn').click(function() { 
document.getElementById('team').text = (testvar); 
}); 

HTML:

<textarea id=team cols="50" rows="10"> 
Your Team Will be here: 
</textarea> 


      <button type="button" id=teambtn class="btn">Export</button> 

Answer 1

Я думаю, вы почти там. Вам просто нужно удалить скобки из тестового вара и вместо того, чтобы заменить .text собственности, то нужно заменить .value свойству

document.getElementById('team').value = testvar; 

Проверить эту ссылку, потому что я думаю, что он выполняет то, что вы хотите, http://www.mediacollege.com/internet/javascript/form/add-text.html

Answer 2

Я думаю, что проблема ниже.

$ ('teambtn ')

пытаются использовать $ (' # teambtn').

Потому что вы заявили, что это идентификатор. Но селектор указывает на класс.

Если вы не хотите изменять код .js, вы можете добавить его как класс.

Надеюсь, это поможет вам.

Answer 3

Поскольку вы использовали JQuery, ниже приведен пример использования:

var testvar = 5 
$('#teambtn').click(function() { 
    $('#team').val(testvar);//set the value of textarea 
}); 

teambtn и team являются Идентификаторы данные, поэтому для извлечения с помощью идентификатора, используя jQuery's селектор #

Для того, чтобы получить/установить значение textarea и input использование элементов jQuery's$.val()

EDIT

Проблема с кодом является то, что вы пытаетесь установить text свойство textarea, которое не является действительным, а не вы должны попытаться использовать value атрибут:

document.getElementById('team').value = testvar;