JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://www.kvestastol.ru/calculator.jpg"><br>

<b>Ширина пролёта (м):</b><br/>
	<select onchange="calc()" id="SizeWidth">
		<option value="0">Выбрать</option>
		<option value="6">6</option>
		<option value="9">9</option>
		<option value="12">12</option>
		<option value="15">15</option>
		<option value="18">18</option>
		<option value="21">21</option>
		<option value="24">24</option>
	</select><br/><br/>
	
<b>Высота по стене (м):</b><br/>
	<select onchange="calc()" id="SizeHeight">
		<option value="0">Выбрать</option>
		<option value="3.0">3,0</option>
		<option value="3.6">3,6</option>
		<option value="4.2">4,2</option>
		<option value="4.8">4,8</option>
		<option value="5.4">5,4</option>
		<option value="6.0">6,0</option>
		<option value="7.2">7,2</option>
	</select><br/><br/>
<div>Площадь: <span id="result">0</span> м<sup>2</sup>.</div>

JavaScript

function calc() {
	//получаем ссылку на элемент Select (Ширина пролёта)
	var SizeWidth = document.getElementById("SizeWidth");
	//получаем ссылку на элемент Select (Высота по стене)
	var SizeHeight = document.getElementById("SizeHeight");
			
	//получаем ссылку на элемент span, в него будем писать стоимость каркаса за м2
	var result = document.getElementById("result");
			
	//Массив с ценами
	var cost = [2200, 2220, 2240, 2260, 2280, 2300, 2450],
		j, n = cost.length;
				
	
	var size = parseInt(SizeWidth.options[SizeWidth.selectedIndex].value) * parseFloat(SizeHeight.options[SizeHeight.selectedIndex].value);
	var price = 100*size;//(тут формула вычисления цены)
			result.innerHTML = price+' руб. за '+size;
		
		}