54 lines
2.2 KiB
HTML
54 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
||
|
||
<html lang="ru">
|
||
|
||
<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>
|
||
|
||
<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>
|
||
<div class="mb-3">
|
||
<label class="form-label">Введите переменнную А</label>
|
||
<input type="number" class="form-control" id="var_a">
|
||
</div>
|
||
<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">
|
||
</div>
|
||
<div class="d-flex align-items-center mx-3">
|
||
<H1 id="ansver">Результат:</h1>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</body>
|
||
|
||
</html> |