45 lines
1.8 KiB
HTML
45 lines
1.8 KiB
HTML
|
<!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">
|
|||
|
|
<select class="form-control" id="operation">
|
|||
|
|
<option value="doExp" selected>Возведение в квадрат</option>
|
|||
|
|
<option value="doSin">Вычисление синуса</option>
|
|||
|
|
<option value="doAbs">Модуль числа</option>
|
|||
|
|
<option value="doRand">Случайное число</option>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 m-2 p-0">
|
|||
|
|
<input type="number" class="form-control" id="num">
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 m-2 p-0">
|
|||
|
|
<button type="button" class="form-control btn btn-info" onclick="manipulation()">Вывести результат</button>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 m-2 p-0 align-middle">
|
|||
|
|
<p class="h4" id="result"></p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</article>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
async function manipulation() {
|
|||
|
|
const num = document.getElementById("num").value
|
|||
|
|
const oper = document.getElementById("operation").value
|
|||
|
|
|
|||
|
|
var url = `http://127.0.0.1:8080/${oper}?val=${num}`
|
|||
|
|
|
|||
|
|
const responce = await fetch(url)
|
|||
|
|
const resout = await responce.text()
|
|||
|
|
|
|||
|
|
document.getElementById("result").innerHTML = resout
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</body>
|