JSFiddle - React, Tailwind, and code Playground
HTML
<div class="wrapper" style="width: 800px; margin: auto;">
<h2>Изготовление вывесок</h2>
<form action="">
<div style="margin-bottom: 20px;"></div>
<!-- title_work -->
<div class="title_work">
<span>Введите текст вышей вывески:</span><br /><br />
<input type="text" id="calc_letter">
<span id="counter_letter"></span>
</div>
<!-- /title_work -->
<div style="margin-bottom: 20px;"></div>
<!-- name_work -->
<div class="name_work">
<label for="name_work_1">
<input type="radio" name="name_work" id="name_work_1" checked>
<span>Объемные световые буквы</span>
</label><br />
<label for="name_work_2">
<input type="radio" name="name_work" id="name_work_2">
<span>Объемные буквы</span>
</label>
</div>
<!-- /name_work -->
<div style="margin-bottom: 20px;"></div>
<!-- title_work -->
<div class="title_work">
<span>Вариант исполнения:</span><br /><br />
</div>
<!-- /title_work -->
<!-- variant_work -->
<div class="variant_work">
<label for="variant_work_1">
<input type="radio" name="variant_work" id="variant_work_1" checked>
<span>Оптима</span>
</label>
<label for="variant_work_2">
<input type="radio" name="variant_work" id="variant_work_2">
<span>Эконом</span>
</label>
</div>
<!-- /variant_work -->
<!-- description_work -->
<div class="description_work">
<p>Лицевик: Литой поликарбонат 3мм;<br />
Стенки: Пвх 4мм; Задник: Пвх 8 мм<br />
Электрика: Светодиоды класса IP 67, Samsung<br />
+ оклейка лицевика пленкой ORACLE 8500, стенок ORACAL 641</p>
</div>
...
JavaScript
$(function() {
$("#calc_letter").keyup(function count(){
counter_letter = $("#calc_letter").val().length - $("#calc_letter").val().split(' ').length+1;
$("#counter_letter").html(counter_letter);
});
});