Как сделать, чтобы если пользователь ввел больше 50-и символов, часть текста скрывается и вместо них появляются три точки (...)?

Question

[Alex Ivanov]

Добрый день, всем!
Как сделать, если строка более 50 знаков - то после 50го символа часть текста скрывается и вместо них появляются три точки (...)

let b, c;
function myFunction(a) {
    a = prompt("", "");
    b = a.split(' ').join('');
    
    if (isNaN(b) || b == null) {
        console.log("done");
    } else {
        alert('Ошибка! Вы ввели число!!!');
    }

    c = b.slice(0, 50);
    if (c > 50) {
        document.write(c);
        console.log(c.length);
    } 
    else {
        document.write(c);
        console.log('Введено больше 50 символов');
    }
    
}
myFunction();

Спасибо

Comments

[r_mustang]

а в чем конкретно проблема проверить количество символов, и если больше нужного, то отрезать 50 и добавить троеточие?

[Alex Ivanov]

r_mustang, проблема с добавлением троеточия..
Пробовал много вариантов, но не срабатывает.

Если знаете как решить вопрос, то пожалуйста поделитесь ссылкой на статью, куда стоит обратить внимание для данного способа реализации.

Answer 1

[ParaBellum577]

htmlbook.ru/css/text-overflow
По условию можешь добавлять класс, как вариант.

Comments

[Alex Ivanov]

Если бы))

В том то и дело, что тут чисто на js надо.
html, css не подходит

[ParaBellum577]

Ты читал, что я тебе написал? путем добавления класса. Через JS.

https://codesandbox.io/embed/nn42kr9894

Вот на вскидку набросал, только поставил лимит 20 символов. Измени на 50, на 100, не важно