72 lines
3.2 KiB
HTML
72 lines
3.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="ru">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
|
<title>App</title>
|
||
|
|
<script src="/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||
|
|
<link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container-sm p-3">
|
||
|
|
Выберите тип данных
|
||
|
|
<div>
|
||
|
|
<select id="type" class="form-select" >
|
||
|
|
<option value="int">Число</option>
|
||
|
|
<option value="string">Строка</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<form id="ToUpperCase">
|
||
|
|
<h2 class="text-center mb-3">To Upper</h2>
|
||
|
|
<div class="mb-3">
|
||
|
|
<div class="input-group mb-1">
|
||
|
|
<input type="text" id="input1" class="form-control" placeholder="Введите строчку" aria-label="Your String" name="value" autocomplete="off">
|
||
|
|
<button type="button" class="btn btn-primary" id="btn_tuc" onclick="TUC()">Применить</button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<input type="text" class="form-control result" id="tuc_result" readonly>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<form id="toLowerCase">
|
||
|
|
<h2 class="text-center mb-3">To Lower</h2>
|
||
|
|
<div class="mb-3">
|
||
|
|
<div class="input-group mb-1">
|
||
|
|
<input type="text" id="input2" class="form-control" placeholder="Введите строчку" aria-label="Your String" name="value" autocomplete="off">
|
||
|
|
<button type="button" class="btn btn-primary" id="btn_tlc" onclick="TLC()">Применить</button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<input type="text" class="form-control result" id="tlc_result" readonly>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<form id="charAt">
|
||
|
|
<h2 class="text-center mb-3">Sum</h2>
|
||
|
|
<div class="mb-3">
|
||
|
|
<div class="input-group mb-1">
|
||
|
|
<input type="text" id="input3" class="form-control" placeholder="Введите строчку" aria-label="Your String" name="value" autocomplete="off">
|
||
|
|
<input type="text" id="input4" class="form-control" placeholder="Введите строчку" aria-label="Your String" name="value" autocomplete="off">
|
||
|
|
|
||
|
|
<button type="button" class="btn btn-primary" onclick="CHAR()"id="btn_chAt">Применить</button>
|
||
|
|
</div>
|
||
|
|
<input type="text" class="form-control result" id="chAt_result" readonly>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<form id="substring">
|
||
|
|
<h2 class="text-center mb-3">Sum /2</h2>
|
||
|
|
<div class="mb-3">
|
||
|
|
<div class="input-group mb-1">
|
||
|
|
<input type="text" id="input5" class="form-control" placeholder="Введите строчку" aria-label="Your String" name="value" autocomplete="off">
|
||
|
|
<input type="text" id="input6" class="form-control" placeholder="Введите строчку" aria-label="Your String" name="value" autocomplete="off">
|
||
|
|
|
||
|
|
<button type="button" class="btn btn-primary" onclick="SUB()"id="btn_sub">Применить </button>
|
||
|
|
</div>
|
||
|
|
<input type="text" class="form-control result" id="sub_result" readonly>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<script src="index.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|