Вывод числа с input, но без кнопки
 

Добрый времени суток всем помогите новичку, потому что гугл бессилен))) или я не правильно искал.

Есть поле для ввода <input id="insertedSpace" type="text"> у этого поля нет и не должно быть кнопки.

Мне нужно введеное число тут же показывать в другом месте страницы
вот я захватываю данные в поля:
var inputField = document.getElementById('insertedSpace');

как мне вывести эти данные в
<h4>Площадь (м2):<span class="finalSq">МЕСТО ДЛЯ ДАННЫХ</span><h4>
перерыл гугл там все действия при нажатии на кнопку, а мне кнопка не нужна. То есть в одном месте пользователь вводит и сразу же в другом месте видит введеное значение.

я сделал такую функцию но она не работает
function perenos(){
var push;
push = inputField;
finalSq.innerHTML = push;
}

Evgen_CH,

document.addEventListener('DOMContentLoaded', function() {
    var inputField = document.getElementById('insertedSpace');
    inputField.addEventListener('input',
    function() {
    document.querySelector('.finalSq').innerHTML = inputField.value;
    })
  });

О, Рони, огромное спасибо за быстрый ответ, а если без query - на чистом js это возможно сделать?

Evgen_CH,
где здесь query ?

document.querySelector('.finalSq') :D =)

document.addEventListener('DOMContentLoaded', function() {
    var inputField = document.getElementById('insertedSpace');
    inputField.addEventListener('input',
    function() {
    document.getElementsByClassName('finalSq')[0].innerHTML = inputField.value;
    })
  });

Evgen_CH, так почище будет? :)

Нет, ядро языка JavaScript не содержит методов для работы с объектной моделью документа (DOM).

Однако существует спецификация(w3.org/TR/selectors-api2), которая определяет методы:
1. поиска элементов из DOM путём сопоставления с селектором
2. для проверки того, соответствует ли данный элемент определённому селектору.

Это поддерживается во всех последних версиях браузера
caniuse.com/#search=querySelectorAll
caniuse.com/#search=matches