Личные символы и строки Textarea с Javascript

Question

Есть темы, похожие на эту тему, но текущие требования более конкретны, и я не мог объединить их с существующими решениями, поэтому попросите сообщество помочь мне. Мне нужно построить текстовой JS валидатор для правил:

• 4 строки 32 символов максимум

• из 128 символов

• остающаяся символов счетчика отображается под текстовое поле

• и другие, которые я уже нашел, как это сделать ...

Не могли бы вы рассказать, как я мог это реализовать?

p.s. Должно быть ясно, решение Javascript

Answer 1

Это как ваш код должен выглядеть (смотри также JSFiddle):

var rows = 4; 
var cols = 32; 

var body = document.body; 
var ta = createElem(body, 'textarea'); 
var div = createElem(body, 'div'); 

ta.rows = rows; 
ta.cols = cols; 

ta.addEventListener('keyup',() => { 
    var lines = ta.value.split('\n'); 

    lines = lines 
    .slice(0, Math.min(lines.length, rows)) 
    .map(line => line.substring(0, cols)); 

    ta.value = lines.join('\n'); 
    displayRemaining(cols * rows - ta.value.length + rows - 1); 
}); 

displayRemaining(cols * rows); 

function createElem(a, b){ 
    b = document.createElement(b); 
    a.appendChild(b); 
    return b; 
} 

function displayRemaining(a){ 
    div.innerHTML = 'Characters remaining: ' + a + '.'; 
}