eugeniy.ho
/
javascript_practice


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
							<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<link rel="stylesheet" href="index.css">
</head>
<body>

<section class="examoles">

	<div id="multiplyTable"></div>

	<!-- Calc -->
	<div class="calc-form">
		<div class="form__row">
			<label class="form__label"
			       for="weight"
			>Укажите вес</label>
			<input class="form__input js-form-weight"
			       type="number"
			       id="weight"
			>
		</div>
		<div class="form__row">
			<label class="form__label"
			       for="height"
			>Укажите рост</label>
			<input class="form__input js-form-height"
			       type="number"
			       id="height"
			>
		</div>
		<div class="form__row">
			<label class="form__label"
			       for="age"
			>Укажите возраст</label>
			<input class="form__input js-form-age"
			       type="number"
			       id="age"
			>
		</div>
		<button class="form__button js-form-calculate"
		        type="button"
		>Рассчитать</button>
		<div class="alert alert-success js-alert js-alert-success"
		     role="alert"
		></div>
		<div class="alert alert-danger js-alert js-alert-danger"
		     role="alert"
		>Укажите данные</div>
	</div>
	<!-- Calc -->

	<!-- Calc Live -->
	<div class="calc-form-live">
		<div class="form__row">
			<label class="form__label"
			       for="weightLive"
			>Укажите вес</label>
			<input class="form__input js-form-input js-form-weight"
			       type="number"
			       id="weightLive"
			>
		</div>
		<div class="form__row">
			<label class="form__label"
			       for="heightLive"
			>Укажите рост</label>
			<input class="form__input js-form-input js-form-height"
			       type="number"
			       id="heightLive"
			>
		</div>
		<div class="form__row">
			<label class="form__label"
			       for="ageLive"
			>Укажите возраст</label>
			<input class="form__input js-form-input js-form-age"
			       type="number"
			       id="ageLive"
			>
		</div>
		<div class="alert alert-success js-alert js-alert-success"
		     role="alert"
		></div>
		<div class="alert alert-danger js-alert js-alert-danger"
		     role="alert"
		>Укажите данные</div>
	</div>
	<!-- Calc Live -->

</section>

<script src="index.js"></script>
</body>
</html>