61 lines
3.3 KiB
HTML
61 lines
3.3 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<title>калькулятор равнобедренного треугольника</title>
|
|
<link rel="stylesheet" href="./hw7.css">
|
|
<link rel="icon" href="favicon.ico">
|
|
</head>
|
|
|
|
<body>
|
|
<h3 class="desctription-heading">калькулятор равнобедренного треугольника</h3>
|
|
<img src="./imgs/type1.jpeg" class="scheme-image" id="schemeImageA">
|
|
<img src="./imgs/type2.jpeg" class="scheme-image hidden" id="schemeImageB">
|
|
|
|
<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">Длина боковой стороны:<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">Длина основания:<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>
|
|
<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>
|
|
</body>
|
|
<script src="./hw7.js">
|
|
</script>
|
|
|
|
</html> |