Не до конца правильно работает добавление текста на страницу, как исправить?

Question

[Yulia Khavaeva]

Есть такой код, но добавляет текст, только в одно место на страницу, нужно чтобы ещё в одно место добавлялся. Может что-то не так?

let today = new Date();
let dd = String(today.getDate()).padStart(2, '0');
today = dd;
let dayStart = document.querySelector(".js-text");
dayStart.innerHTML = `${dd}`;

Answer 1

[Rsa97]

Если вам надо заменить содержимое нескольких элементов с одинаковым классом, то и выбирать надо не один элемент, а несколько. Соответственно и замену надо производить циклом.

const today = String((new Date()).getDate()).padStart(2, '0');

const dayStartElements = document.querySelectorAll(".js-text");
dayStartElements.forEach((el) => { el.innerText = `${dd}` });

Comments

[Yulia Khavaeva]

Отличное решение, спасибо!

Answer 2

[Михаил Р.]

Может что-то не так?

В "одно место" - это какое?
В "ещё в одно место" - это какое?

Сделал Вам "2 места" в Вашем стиле:

let today = new Date();
let dd = String(today.getDate()).padStart(2, '0');
today = dd;

let dayStart = document.querySelector(".js-text");
let dayStart2 = document.querySelector(".js-text2");

dayStart.innerHTML = `${dd}`;
dayStart2.innerHTML = `${dd}`;

Comments

[Yulia Khavaeva]

Спасибо большое, так заработала, в одно и другое место это два разных блока на странице, как поняла innerHTML работает так, что только в одно место добавляет

[Михаил Р.]

Yulia Khavaeva,

как поняла innerHTML работает так, что только в одно место добавляет

Заменяет все в "этом месте".

Если вставляете простой текст, то используйте `innerText`:
dayStart.innerText = dd;