Общие переменные в нескольких function?

Question

[Mesuti]

Привет!
Как можно взять переменную из первой функции и использовать во второй?
Важно, что если вводить в input цифры, они моментально показывались и происходил расчет.
p.s. песочница jsFiddle Например, как в info5 выводить произведение переменных из двух функций

В моем примере 2 отдельных функции:
1 функция - берет значения data-* в option из select. Присваивает в переменные и выводит в span элементы.

Код

<select onchange="costCalculator()" id="card">
           <option value="0">Выберите Ваше оборудование</option>
           <option data-power="9" data-quantity="3" value="100">GeForce</option>
           <option data-power="7" data-quantity="7" value="200">nVidia</option>
           <option data-power="6" data-quantity="333" value="300">AMD</option>
</select>

<script>
function costCalculator(select) {
    var option = select.options[select.selectedIndex];
    document.querySelector('#info2').innerHTML = option.text;

    var power = option.getAttribute('data-power');
    document.querySelector('#info3').innerHTML = power;

    var quantity = option.getAttribute('data-quantity');
    document.querySelector('#info4').innerHTML = quantity;

    var value = option.getAttribute('value');
    document.querySelector('#info1').innerHTML = value;
}
document.querySelector('#card').onchange = function() {
    costCalculator(this);
}
</script>

2 функция - Берет значения из input и моментально выводит также в span

Код

<input type="text" id="rashod" value="1" oninput="calc()" />

<script>
function calc() {
var rashod = document.getElementById("rashod");
info5.innerHTML = parseInt(rashod.value); 
    }
</script>

Я пробовал выносить переменную.
Типа

var x = {};

function(select) {
.....
x.lala = power.value;
}

function(calc) {
var y = x.lala;
var rashod = document.getElementById("rashod");
info5.innerHTML = parseInt(rashod.value) + y; 
}

Но в info5 выводится NaN.
Это настолько сложная задача, что даже вопрос по ней звучит непонятно(

Answer 1

[Сергей delphinpro]

https://jsfiddle.net/0arbcypx/3/

Comments

[Mesuti]

Спасибо!
А если, еще один select добавить?
Пытаюсь разобраться, как работает связка.
Я начал, но не могу понять как продолжить.

jsFiddle

[Сергей delphinpro]

Александр Сорокин, https://jsfiddle.net/0arbcypx/6/