2023-04-11 12:02:52 +04:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="ru">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
|
<title>Манипуляции с числами</title>
|
|
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<article class="container align-content-center">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-2 m-2 p-0">
|
2023-04-25 01:24:21 +04:00
|
|
|
|
<select class="form-control" id="type">
|
|
|
|
|
|
<option value="int" selected>Числа</option>
|
2023-04-25 13:13:48 +04:00
|
|
|
|
<option value="string">Строки</option>
|
2023-04-11 12:02:52 +04:00
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-2 m-2 p-0">
|
2023-04-25 01:24:21 +04:00
|
|
|
|
<select class="form-control" id="calc">
|
|
|
|
|
|
<option value="sum" selected>Сумма</option>
|
|
|
|
|
|
<option value="sub">Вычитание</option>
|
|
|
|
|
|
<option value="mult">Умножение</option>
|
|
|
|
|
|
<option value="div">Деление</option>
|
|
|
|
|
|
</select>
|
2023-04-11 12:02:52 +04:00
|
|
|
|
</div>
|
2023-04-25 01:24:21 +04:00
|
|
|
|
<div class="col-md-2 m-2 p-0">
|
|
|
|
|
|
<input type="text" class="form-control" id="item1">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-2 m-2 p-0">
|
|
|
|
|
|
<input type="text" class="form-control" id="item2">
|
2023-04-11 12:02:52 +04:00
|
|
|
|
</div>
|
2023-04-25 01:24:21 +04:00
|
|
|
|
<div class="col-md-3 m-2 p-0">
|
|
|
|
|
|
<button type="button" class="form-control btn btn-info" onclick="calculator()">Вывести результат</button>
|
2023-04-11 12:02:52 +04:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2023-04-25 01:24:21 +04:00
|
|
|
|
<div class="col-md-5 m-2 p-0 align-middle">
|
|
|
|
|
|
<p class="h4" id="result"></p>
|
|
|
|
|
|
</div>
|
2023-04-11 12:02:52 +04:00
|
|
|
|
</article>
|
|
|
|
|
|
|
2023-04-25 01:24:21 +04:00
|
|
|
|
|
2023-04-11 12:02:52 +04:00
|
|
|
|
<script>
|
2023-04-25 01:24:21 +04:00
|
|
|
|
async function calculator() {
|
|
|
|
|
|
const calc = document.getElementById("calc").value
|
|
|
|
|
|
const item1 = document.getElementById("item1").value
|
|
|
|
|
|
const item2 = document.getElementById("item2").value
|
|
|
|
|
|
const type = document.getElementById("type").value
|
2023-04-11 12:02:52 +04:00
|
|
|
|
|
2023-04-25 01:24:21 +04:00
|
|
|
|
var url = `http://127.0.0.1:8080/${calc}?item1=${item1}&item2=${item2}&type=${type}`
|
2023-04-11 12:02:52 +04:00
|
|
|
|
|
|
|
|
|
|
const responce = await fetch(url)
|
|
|
|
|
|
const resout = await responce.text()
|
|
|
|
|
|
|
|
|
|
|
|
document.getElementById("result").innerHTML = resout
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
