Как вместо обычной строки подставлять в код заместо нее “обрезанную” с помощью substring() строку?

Question

[ohwoow]

Всем привет, есть название книги (если длинное, то переносится на 2 строчку). Так вот, до этого обрезал с помощью text-overflow, но это свойство не работает 2 строчками текста. JS только недавно начал учить и захотелось обрезать эту строчку при помощи substring(). Обрезать получилось, но как теперь вместо "целой" подставить "обрезанную".

Вот мой код))

const bookName = document.querySelector('.popular__slider-descr-text').textContent;

function cutString(str) {

if (str.length >= 10) {
    bookName.substring(0, 10);
  }
}
cutString(bookName)

Comments

[Kovalsky]

Может я какой-то грубый и не очень хороший человек, но мне кажется описанное вами это приблизительно как взять из холодильника торт, съесть часть, а потом ВНЕЗАПНО забыть о существовании холодильника и написать на форуме вопрос "как положить торт в холодильник?"

[ohwoow]

Kovalsky, есть строка текста (название книги) при адаптиве мне нужно чтобы название книги переносилось на 2 строчку и обрезалось (есть длинные названия книг). text-overflow с этим не справляется, мне захотелось применить недавно полученные знания и обрезать ее с помощью метода substring(). Но в силу того, что я еще не умею работать с DOM, мне стало не понятно, как теперь заменить полное название книги, которое никак не обрезается на обрезанную строку с помощи JS. Вот и все

[Kovalsky]

ohwoow, ну ман, если ты прочитал мою аналогию и не понял о чем речь, то вероятно у нас слишком разный образ мыслей или может действительно аналогия какая-то далёкая. Я имел в виду, что взять текст из свойства textContext, а потом даже не совершить ни единой попытки записать измененный текст в то же свойство это как минимум странно.