Например можн делать вот так:

<div>
	<form name="publish">
		<input type="text" name="message" placeholder="введите сообщение"/>
		<input type="submit" value="отправить"/>
	</form>
</div>

Когда нажимаем на копку отправить то данные забираем. При помощи например данного кода на JS

document.forms.publish.onsubmit = function() {
  var message = this.message.value;
  console.log(message)
  return false;
};

Либо как написали выше можно делать:
document.getElementsByTagName("input")[0].value
Но тут есть свои нюансы

Ответ на Ваш комментарий:
Если нет кнопки в форме то можно воспользоваться событием onchange
Например вот форма без кнопки с событием onchange которое вызывает функцию на JS:

<div>
  <form name="publish">
    <input type="text" name="message" placeholder="введите сообщение"/ onchange='eventForm(this.value)'>
  </form>
</div>

<script>
function eventForm(value) {
  if (value == 'test') {
    alert('Вы ввели то что нужно')
  }
}
</script>

Подробно о событии onchange можете посмотреть тут: https://learn.javascript.ru/events-change

Как уже написали, самая лучшая литература это https://learn.javascript.ru
Однако можете и сюда глянуть https://ru.hexlet.io/ по объяснениям лучше не найдете
Из литературы рекомендую еще прочесть серию не больших книг https://github.com/getify/You-Dont-Know-JS

var item_unitaz = [
{'item_id':1, 'article':'DE23421312', 'name':'Привет','type':2},
{'item_id':2, 'article':'DE12421442', 'name':'Пока','type':32},
{'item_id':3, 'article':'DE78677833', 'name':'Воробей','type':68},
{'item_id':4, 'article':'DE23442235', 'name':'Петух','type':45}];

function compareUnitaz(a, b) {
     return a.type - b.type;
}
item_unitaz.sort(compareUnitaz)