JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div class="container">
	<h1>Тригонометрические функции</h1>
	<span>Функция</span>
	<select id="ratio">
		<option value="sin">Синус</option>
		<option value="cos">Косинус</option>
		<option value="tan">Тангенс</option>
	</select>
	<br>
	<p>Введите диапазон углов в градусах*</p>
	<div>
		<span>Начало</span>
		<input type="number" min="0" max="90" value="30" id="start">
		<span>Конец</span>
		<input type="number" min="0" max="90" value="36" id="end">
		<span>Шаг</span>
		<input type="number" min="0" max="10" step="0.1" value="2" id="step">
	</div>
	<button id="calculate">Вычеслить</button>
	<table id="table">
		<tr>
			<td colspan="2">Угол</td>
			<td rowspan="2" id="func">sin</td>
		</tr>
		<tr>
			<td>в градусах</td>
			<td>в радианах</td>
		</tr>
	</table>
</div>

JavaScript

let opCalcDeg = {
	mathFunc: document
};