JSFiddle - React, Tailwind, and code Playground

by Lena R

HTML

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

JavaScript

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

 var arg1 = document.querySelector('.firstN').value;// здесь аргументу присваивется возможность ввода произвольного числа из первой ячейки input
 var arg2 = document.querySelector('.secondN').value;// из 2 ячейки 
 var resmult = function (){
 	var res = document.querySelector('.btn');//создается переменная для кнопки "="
 	res.addEventListener('click', calculate, false);// и навешивается обработчик клика по этой кнопке
     var resblock = document.querySelector('.result');// создается переменная для желтой кнопки получения результата от умножения
     resblock.value = mult;// присваивается значение полученного результата (от функции calculate)
 };

  calculate(arg1, arg2);