JSFiddle - React, Tailwind, and code Playground
HTML
<form action="" class="dpg-calculator one-rm-calculator">
<div class="wpcf7-form rep-max-calculator-form">
<label>Вес снаряда
<span><input type="text" class="bbTextBox calc-textbox-half" maxlength="3" name="weight" placeholder="Введите вес снаряда (в кг.)" value=""></span></label>
<label>Количество повторений
<span class="wpcf7-form-control-wrap">
<select class="calc-dropdown">
<option value="1">1 повторение</option>
<option value="0.95">2 повторения</option>
<option value="0.93">3 повторения</option>
<option value="0.9">4 повторения</option>
<option value="0.87">5 повторений</option>
<option value="0.85">6 повторений</option>
<option value="0.83">7 повторений</option>
<option value="0.8">8 повторений</option>
<option value="0.77">9 повторений</option>
<option value="0.75">10 повторений</option>
<option value="0.73">11 повторений</option>
<option value="0.70">12 повторений</option>
</select>
</span>
</label>
<hr>
<button class="bb-flat-btn calc-submit button" type="button">Рассчитать</button>
<div class="dpg-h3 calc-answer"></div>
</div>
<div id="entry-page-content">
<div class="dpg-h3"><strong>Ваш одноповторный максимум:</strong> <span class="calc-one-rm-result" data-placeholder="заполните форму, чтобы узнать">заполните форму, чтобы узнать</span></div>
</div>
<table class="table rep-max-table">
<thead>
<tr>
<th>Процент от повторного максимума</th>
<th>Вес</th>
</tr>
</thead>
<tbody>
<tr>
<td>95%</td>
<td>
<input type="text" name="95-one-rm" placeholder="форма не заполнена" readonly>
</td>
</tr>
<tr>
<td>90%</td>
<td>
<input type="text" name="90-one-rm" placeholder="форма не заполнена" readonly>
</td>
</tr>
<tr>
...
JavaScript
$('.one-rm-calculator .calc-submit').click(function() {
var weight = parseFloat($('.one-rm-calculator input[name="weight"]').val());
var reps = parseFloat($('.one-rm-calculator .calc-dropdown').val());
var onerepmax = 0;
if (isNaN(weight)) {
this.form.reset()
$('.calc-one-rm-result').html($('.calc-one-rm-result').data('placeholder'));
$('.one-rm-calculator .calc-answer').removeClass('animated zoomOut').show(0).html('<span class="response-form">Пожалуйста, введите корректные данные.</span>').addClass('animated flipInX').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
$(this).removeClass('animated flipInX');
});
} else {
$('.one-rm-calculator .calc-answer').addClass('animated zoomOut').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
$(this).css('visbility', 'hidden');
});
onerepmax = Math.round(weight / reps);
$('.calc-one-rm-result').html(onerepmax);
$('table.rep-max-table tbody tr').each(function(){
var percent = parseInt($('td:eq(0)', this).html(), 10) / 100
console.log(percent)
$('input', this).val(Math.round(percent * onerepmax) + ' кг')
})
}
});