Как правильно получить контент textarea?

Question

Я делаю текстовый в двоичный конвертер в форме расширения браузера.У меня есть эта форма:

<textarea id="in"></textarea>
<textarea id="out" readonly></textarea>
<div id="buttons">
  <button id="convert">Convert</button>
  <button id="copy">Copy</button>
</div>

Я хочу вставить преобразованный текст из первой текстовой области во вторую текстовую область.Это сценарий:

window.onload = function() {
  document.getElementById("convert").addEventListener("click", click());
};

function click() {

  // Getting the first textarea value

  var inputText = document.getElementById("in").value;
  var output = document.getElementById("out");

  // Testing if it's a binary or a text

  if (/^[0-1 ]*$/.test(inputText)) {
    output.value = binToText(inputText);
  }
  else {
    output.value = textToBin(inputText);
  }

}

Проблема в том, что если я пишу в первую текстовую область, ее значение не изменяется, поэтому свойство value возвращает ноль.А вторая текстовая область ничего не показывает.

Я попробовал все, но все равно не работает.Что я делаю не так?

Answer 1

Вы неправильно связываете обработчик событий.Когда вы нажимаете кнопку, на самом деле ничего не происходит.

Вы должны передать саму функцию addEventListener, а не ее возвращаемое значение:

document.getElementById("convert").addEventListener("click", click);
//                                                           ^^^^^