<!DOCTYPE>
<html>
<head>
<meta charset="UTF8" />
<title></title>
<script src="jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function()
{
$(".button").click(function(){
$("#box").fadeIn(100);
});
$(".button2").click(function(){
document.getElementById("kek").value=count();
});
function count()
{ a=document.getElementById("square").innerHTML;
potolok=a*1000;
numbokon=document.getElementById("windows").innerHTML;
typee=$("#typics").html();
pricewindows=0;
sum=0;
if(numbokon<2){
pricewindows=numbokon*30000*typee;
}
else {pricewindows=numbokon*29999*typee;}
sum=potolok+pricewindows;
if($("#agree").prop('checked')){
sum+=3000;
}
console.log(pricewindows,potolok)
return sum;
}
});
</script>
</head>
<body>
<button class="button" style="width:190px;height:40px;margin-left:45%;color: brown" ;>Открыть расчетное меню</button>
<div id="box" style="display: none; position:fixed;height:350px;width:400px;background:#f2f2f2; margin-left:35%;margin-top:6%;">
<form>
<label style="margin-left: 15px; font: Arial; font-size: 16px;color: blueviolet; margin-top: 20px;">Площадь помещения</label>
<input type="text" id="square" style="margin-left: 70px; margin-top: 20px;"><br>
<label style="margin-left: 15px; font: Arial; font-size: 16px;color: blueviolet; margin-top: 20px;">Количество окон</label>
<input type="text" id="windows" style="margin-left: 94px; margin-top: 20px;"><br>
<label style="margin-left: 15px; font: Arial; font-size: 16px;color: blueviolet; margin-top: 20px;">Тип профиля</label>
<select id="typics" style="margin-left: 121px; margin-top: 20px;">
<option value="1.07">Деревянный</option>
<option value="1.13">Кирпичный</option>
<option value="1.23">Блочный</option>
</select><br>
<a id="musor" style="margin-left: 15px; font: Arial; font-size: 16px;color: blueviolet; margin-top: 20px;">Вывоз мусора</a>
<input type="checkbox" name="mycheckbox" style="margin-left: 10px; margin-top: 20px;"><br>
<button class="button2" style="width:100px;height:40px;margin-left:30%;color: brown; margin-top:35px;">Рассчитать</button><br>
<label style="margin-left: 15px; font: Arial; font-size: 26px;color: green;margin-top: 50px;">Итого:
<input type="text" id ="kek" name="itog" style="margin-left: 30px; margin-top: 50px; margin-right:25px" ></label>
</form>
</div>
</body>
</html>
