<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
<title>MainPage</title>
</head>
<body>
<form class=" d-flex flex-column align-items-center text-center">
<div class="">
Введите число
<input id="val1" class="form-control" type="number" value="0" />
</div>
<div>
Выберите действие
<select class="form-select" id="operation">
<option value="1">умножить</option>
<option value="2">возвести в степень</option>
<option value="3">факториал</option>
<option value="4">число Фибоначчи</option>
</select>
</div>
<div>
Введите второе число
<input id="val2" class="form-control" type="number" value="0" />
</div>
<div>
<button type="button" class="btn btn-primary" id="operate">Вычислить</button>
</div>
<div>
Результат:
<p id="finish"></p>
</div>
</form>
<script src="../../../../demo/demo/MainPage/LogForMainPage.js"></script>
</body>