https://jsfiddle.net/yarkov_aleksei/a4x6p1s3/
<div class="container">
<textarea name="" id="" cols="30" rows="10"></textarea>
<div class="counter">
<span class="current">0</span> /
<span class="total">360</span>
</div>
</div>
.container {
position: relative;
width: max-content;
}
.counter {
position: absolute;
bottom: 5px;
right: 5px;
}
const textarea = document.querySelector('textarea');
const counter = document.querySelector('.current');
const maxlength = 360;
textarea.addEventListener('input', onInput)
function onInput(event) {
event.target.value = event.target.value.substr(0, maxlength); // обрезаем текст до 360 символов
const length = event.target.value.length;
counter.textContent = length;
}