60 lines
2.8 KiB
HTML
60 lines
2.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
|
||
|
|
<html lang="ru">
|
||
|
|
<head>
|
||
|
|
<title>Lab Work 02. Kashin</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" />
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
<script src="script.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<article class="d-flex">
|
||
|
|
<div class="container">
|
||
|
|
|
||
|
|
<div class="m-3 text-center">
|
||
|
|
<label class="form-label">Функция</label>
|
||
|
|
<select class="form-select" 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>
|
||
|
|
<div class="m-3 text-center ">
|
||
|
|
<label class="form-label">Тип переменной</label>
|
||
|
|
<select class="form-select " id="valueType" onchange="changeInputBoxType()">
|
||
|
|
<option disabled>Выберите тип</option>
|
||
|
|
<option value="number">Integer</option>
|
||
|
|
<option value="string">String</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container-sm p-3">
|
||
|
|
<div class="mb-3 text-center">
|
||
|
|
<label class="form-label">Переменная 1</label>
|
||
|
|
<input type="number" class="form-control" id="var_a">
|
||
|
|
</div>
|
||
|
|
<div class="mb-3 text-center" id="InputFieldB">
|
||
|
|
<label class="form-label">Переменная 2</label>
|
||
|
|
<input type="number" class="form-control" id="var_b">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container-sm p-3 ">
|
||
|
|
<div class="mb-2 text-center">
|
||
|
|
<label>Результат:</label>
|
||
|
|
</div>
|
||
|
|
<div class="input-group">
|
||
|
|
<button type="button" class="btn btn-primary" onclick="calculate()">Расчитать</button>
|
||
|
|
<output class="form-control" id="ansver">0</output>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|