Как вывести данные в реальном времени из input type=number?

Добавила пару строчек, но не работает, в консоль выводит Nan.
Я неверно преобразую span?

var span1_number = parseInt(span1);
var total1 = document.querySelector('#sum1');

 total1 = ( span1_number * 20 );
 console.log( span1_number * 20 );

Как вывести данные в реальном времени из input type=number?

Огромное спасибо вам за помощь! И отдельная благодарность за комментарии!
Если я сейчас хочу посчитать произведение числа полученного в #B1 на "стоимость", я могу продолжать писать здесь же, только добавить в константу число на которое хочу умножать? или мне отдельную запись заводить?

Как вывести данные в реальном времени из input type=number?

Владимир, доброе утро! прошу прощения, за то что выложила изначально неудобно, я новичок и учусь на ходу.
Добавила весь код с некоторым описанием для объяснения сюда https://codepen.io/alannariya/pen/PoegrOK?editors=1111
возможно, мои вопросы могут показаться вам тупыми, поэтому заранее извиняюсь и спасибо за любую помощь.