2023-02-06 16:52:22 +04:00
|
|
|
|
<!DOCTYPE html>
|
2023-03-04 12:57:40 +04:00
|
|
|
|
|
2023-02-06 16:52:22 +04:00
|
|
|
|
<html lang="ru">
|
|
|
|
|
|
|
2023-03-04 12:57:40 +04:00
|
|
|
|
<head>
|
|
|
|
|
|
<title>Лабораторная №2</title>
|
|
|
|
|
|
<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>
|
|
|
|
|
|
<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
|
|
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
|
|
|
|
|
<script src="main.js"></script>
|
|
|
|
|
|
</head>
|
2023-02-06 16:52:22 +04:00
|
|
|
|
|
2023-03-04 12:57:40 +04:00
|
|
|
|
<body>
|
|
|
|
|
|
<article class="d-flex">
|
|
|
|
|
|
<div class="d-flex flex-column align-items-start">
|
|
|
|
|
|
<div class="m-3">
|
|
|
|
|
|
<label class="form-label">Операция</label>
|
|
|
|
|
|
<select class="form-select form-select-lg" id="operation" onchange="changeVariableInputs()">
|
|
|
|
|
|
<option disabled>Выберите операцию</option>
|
|
|
|
|
|
<option value="sum">Сложение</option>
|
|
|
|
|
|
<option value="sut">Вычитание</option>
|
|
|
|
|
|
<option value="len">Подсчёт длины</option>
|
|
|
|
|
|
<option value="inv">Инверсия (Отрицание)</option>
|
|
|
|
|
|
</select>
|
2023-02-06 16:52:22 +04:00
|
|
|
|
<div class="mb-3">
|
2023-03-04 12:57:40 +04:00
|
|
|
|
<label class="form-label">Введите переменнную А</label>
|
|
|
|
|
|
<input type="number" class="form-control" id="var_a">
|
2023-02-06 16:52:22 +04:00
|
|
|
|
</div>
|
2023-03-04 12:57:40 +04:00
|
|
|
|
<button type="button" class="btn btn-primary mx-3" onclick="calculate()">Подтвердить</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="d-flex flex-column align-items-start m-3">
|
|
|
|
|
|
<div class="m-3 mt-0">
|
|
|
|
|
|
<label class="form-label">Тип переменной</label>
|
|
|
|
|
|
<select class="form-select form-select-lg" id="valueType" onchange="changeInputBoxType()">
|
|
|
|
|
|
<option disabled>Выберите тип</option>
|
|
|
|
|
|
<option value="number">Число</option>
|
|
|
|
|
|
<option value="string">Строка</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
<div class="mb-3" id="InputFieldB">
|
|
|
|
|
|
<label class="form-label">Введите переменнную В</label>
|
|
|
|
|
|
<input type="number" class="form-control" id="var_b">
|
2023-02-06 16:52:22 +04:00
|
|
|
|
</div>
|
2023-03-04 12:57:40 +04:00
|
|
|
|
<div class="d-flex align-items-center mx-3">
|
|
|
|
|
|
<H1 id="ansver">Результат:</h1>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2023-02-06 16:52:22 +04:00
|
|
|
|
</div>
|
2023-03-04 12:57:40 +04:00
|
|
|
|
</article>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
