JSFiddle - React, Tailwind, and code Playground

HTML

<input type = "text" class = 'firstN'> * 
	<input type = "text" class = 'secondN'>
	<input type = "button" class = "btn" value = "=">
	<br/>
	<div class="result"></div>

CSS

.result {
		margin-top: 30px;
		height: 50px;
		width: 100px;
		background: yellow;
		color: red;
		font: 24px Verdana; 
	}

JavaScript

function calculate (a, b){
mult = a * b; 
return mult;
}

 
 

var resblock = document.querySelector('.result');// создается переменная для желтой кнопки получения результата от умножения


var res = document.querySelector('.btn');//создается переменная для кнопки "="

	res.addEventListener('click', resmult, false);// и навешивается обработчик клика по этой кнопке


  function resmult (){
      var arg1 = document.querySelector('.firstN').value;
      var arg2 = document.querySelector('.secondN').value;// из 2 ячейки 
 	console.log(arg1)
     
     resblock.innerHTML = calculate(arg1, arg2);;// присваивается значение полученного результата (от функции calculate)
 }