71 lines
4.0 KiB
HTML
71 lines
4.0 KiB
HTML
<html>
|
||
|
||
<head>
|
||
<title>калькулятор равнобедренного треугольника</title>
|
||
<link rel="stylesheet" href="./hw7.css">
|
||
<link rel="icon" href="favicon.ico">
|
||
<link rel="stylesheet" href="https://unpkg.com/xp.css/dist/98.css"
|
||
>
|
||
</head>
|
||
|
||
<body>
|
||
<h3 class="desctription-heading">калькулятор равнобедренного треугольника</h3>
|
||
|
||
<div class="main-container">
|
||
<div class="image-container">
|
||
<img src="./imgs/type1.png" class="scheme-image" id="schemeImageA">
|
||
<img src="./imgs/type2.png" class="scheme-image hidden" id="schemeImageB">
|
||
</div>
|
||
|
||
<div class="controls-container">
|
||
<div class="inputs" id="inputsForm">
|
||
<p>Выберете варинат входных данных:</p>
|
||
<input type="radio" name="input-type" id="radioButtonA" checked>
|
||
<label class="radio-label" for="radioButtonA">
|
||
<span>боковая сторона и угол при основании</span>
|
||
</label><br>
|
||
<input type="radio" name="input-type" id="radioButtonB">
|
||
<label class="radio-label" for="radioButtonB">
|
||
<span>основание и прилежащий к нему угол</span>
|
||
</label>
|
||
<form>
|
||
<fieldset id="inputTypeFieldsetA">
|
||
<legend>входные данные</legend>
|
||
<label for="equalSideLength">Длина боковой стороны B:<span class="bad-input-tooltip hidden" id="equalSideLengthErr"></span></label><br>
|
||
<input class="max-w" type="number" min="0" id="equalSideLength">
|
||
<br>
|
||
<label for="baseAngle">Угол при основании α (в градусах):<span class="bad-input-tooltip hidden" id="baseAngleErr"></span></label><br>
|
||
<input class="max-w" type="number" min="0" max="180" id="baseAngle">
|
||
</fieldset>
|
||
<fieldset id="inputTypeFieldsetB" class="hidden">
|
||
<legend>входные данные</legend>
|
||
<label for="baseSideLength">Длина основания A:<span class="bad-input-tooltip hidden" id="baseSideLengthErr"></span></label><br>
|
||
<input class="max-w" type="number" min="0" id="baseSideLength">
|
||
<br>
|
||
<label for="baseAdjacentAngle">Угол прилежащий основанию β:<span class="bad-input-tooltip hidden" id="baseAdjacentAngleErr"></span></label><br>
|
||
<input class="max-w" type="number" min="0" max="180" id="baseAdjacentAngle">
|
||
</fieldset>
|
||
<fieldset id="outputsFieldset">
|
||
<legend>что вычислить</legend>
|
||
<span class="bad-input-tooltip hidden" id="outputValuesErr"><br></span>
|
||
<input type="checkbox" name="output-valuesR" id="outputValuesR" checked>
|
||
<label for="outputValuesR">радиус вписанной окружности</label><br>
|
||
<input type="checkbox" name="output-valuesH" id="outputValuesH" checked>
|
||
<label for="outputValuesH">высоты треугольника</label><br>
|
||
<input type="checkbox" name="output-valuesL" id="outputValuesL" checked>
|
||
<label for="outputValuesL">длины сторон треугольника</label><br>
|
||
</fieldset>
|
||
<button id="calculateButton" disabled>Вычислить</button>
|
||
<button id="clearButton">Отчислить</button>
|
||
</form>
|
||
</div>
|
||
<table class="outputs hidden" id="outputsTable">
|
||
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
<script src="./hw7.js">
|
||
</script>
|
||
|
||
</html> |