JSFiddle - React, Tailwind, and code Playground

HTML

<form onclick="price(this)" method="POST" action="input.php">
						
							<div class="parametrs-enter">
								<div class="parametrs-enter-height">
									<p>ВЫСОТА мм</p>
									<input class="parametrs-height" type="number" name="visota" id="visota" placeholder="---" required="required" />
								</div>								
								<div class="parametrs-enter-width">
									<p> ШИРИНА мм </p>
									<input class="parametrs-width" type="number" name="shirina" id="shirina" placeholder="---" required="required" />
								</div>
								<div class="parametrs-nomer-bageta">
									<p>Вариант</p>
									<select class="parametrs-baget" name="baget" id="baget" required="required">
										<option value="">Не выбран</option>
										<option value="1">№1</option>
										<option value="2">№2</option>
										<option value="3">№3</option>
										<option value="4">№4</option>
										<option value="5">№5</option>
										<option value="6">№6</option>										
									</select>
								</div>								
							</div>
							<div class="clear"></div>
							<div class="parametrs-select">

								<div class="dostavka parametrs-select-varianty">
									<div class="fleft">
										<p>ДОСТАВКА</p>							
									</div>	
									<div class="dostavka fleft2">
										<label id="dostavka1" class="active"><input name="dostavka" checked="checked" type="radio" value="нет" />нет</label>
										<label id="dostavka2"><input name="dostavka" type="radio" value="автодоставка" />автодоставка</label>
									</div>									
								</div>									
							</div>
							<div class="clear"></div>
							<div class="parametrs-result">
								<div class="parametrs-result-summa1">
									<p>СУММА</p>
									<span id="total_price1"></span> руб.
								</div>								
								<div class="parametrs-result-count">
									<p>КОЛИЧЕСТВО</p>
									<input class="parametrs-width" type="number" name="kolichestvo" id="width" value="1" />
								</div>
								<div...

JavaScript

function price(form) {
var visota=parseInt(form.visota.value.replace(',', '.')); 
var shirina=parseInt(form.shirina.value.replace(',', '.')); 
var perimetr=(2*(visota+shirina))/100;
var baget=parseInt(form.baget.value);
var tcena_baget=perimetr*baget;	
var dostavka=parseInt(form.dostavka.value);	
var kolichestvo=parseInt(form.kolichestvo.value);	


if (form.dostavka[0].checked) {
dostavka=0;  // стоимость доставки
}                                  
else if (form.dostavka[1].checked) {
dostavka=250;
}

if (form.baget[0].selected) {
baget=0;  // стоимость вариантов = цена*курс доллара
}                                  
else if (form.baget[1].selected) {
baget=100;
}
else if (form.baget[2].selected) {
baget=110;
}
else if (form.baget[3].selected) {
baget=120;
}
else if (form.baget[4].selected) {
baget=130;
}
else if (form.baget[5].selected) {
baget=140;
}
else if (form.baget[6].selected) {
baget=150;
}

if (form.baget[0].selected) {
ugol=0;  // стоимость углов
}                                  
else if (form.baget[1].selected) {
ugol=28.8;
}
else if (form.baget[2].selected) {
ugol=36.4;
}
else if (form.baget[3].selected) {
ugol=10.8;
}
else if (form.baget[4].selected) {
ugol=10.8;
}
else if (form.baget[5].selected) {
ugol=10.8;
}
else if (form.baget[6].selected) {
ugol=27;
}

var total1=(tcena_baget+dostavka+ugol);
document.getElementById("total_price1").innerHTML=total1.toFixed(0);

var total2=total1*kolichestvo;
document.getElementById("total_price2").innerHTML=total2.toFixed(0);
}