JSFiddle - React, Tailwind, and code Playground

HTML

<div class="condition"></div>
<input type="text" class='firstNumber'>*
<input type="text" class='secondNumber'>
<input type="button" class="btn" value="=">
<br/>
<div class="result"></div>

CSS

.condition{
    padding:2px
    border:solid 1px #f0f;
}
.result {
    margin-top: 30px;
    height: 50px;
    width: 100px;
    background: yellow;
    color: red;
    font: 24px Verdana;
}

JavaScript

function calculate (a, b) {
	mult = a * b;
	resblock.innerHTML = mult; // как вторая функция будет видеть этот resblock? Разве только при вызове внизу указать ее имя(calculate) в скобках? - Вот так resmult(calculate);   - что тоже не меняет ситуации (не работает)
}

var arg1 = document.querySelector('.firstN').value;
var arg2 = document.querySelector('.secondN').value;

var resblock = document.querySelector('.result');

function resmult () {
	var res = document.querySelector('.btn');
	res.addEventListener('.click', resmult, false);

	var resblock = document.querySelector('.result');
}

calculate(arg1, arg2);
resmult();