2502

Этот сайт лучше всего просматривать в современном браузере с включённым JavaScript.

Aleksander

`<script>
let plus = document.querySelector('.plus-button');
let minus = document.querySelector('.minus-button');
let para = document.querySelectorAll('.story')
let fonts = 16;

  plus.addEventListener('click', (event) => {
    para.forEach(item => {
      fonts += fonts >= 20 ? 2 : 1;
      
      item.style.fontSize = `${fonts}px`;
    })
  })
  minus.addEventListener('click', (event) => {
    para.forEach(item => {
      fonts -= fonts >= 20 ? 2 : 1;
      item.style.fontSize = `${fonts}px`;
    })
  })
</script>`

amati

Aleksander такое решение работает только в том случае, если у вас начальный размер шрифта 16. Вам стоит переписать немного свой код - в переменной fonts нет нужды, стоит получать размер шрифта с помощью метода getComputedStyle при каждом нажатии на кнопку. Я обновил задание с подсказкой

Также document.querySelectorAll('.story') можно заменить на document.querySelector('.story')

Aleksander

amati
`<script>
let plus = document.querySelector('.plus-button');
let minus = document.querySelector('.minus-button');
let para = document.querySelector('.story');
let font = getComputedStyle(para)
let fonts = parseInt(font.fontSize)

  plus.addEventListener('click', (event) => {
      fonts += fonts >= 20 ? 2 : 1;
      para.style.fontSize = `${fonts}px`;
  })
  minus.addEventListener('click', (event) => {
      fonts -= fonts >= 20 ? 2 : 1;
      para.style.fontSize = `${fonts}px`;
  })
</script>

`
те же самые ошибки выдает

amati

Aleksander как я писал выше в переменной fonts нет нужды, стоит получать размер шрифта с помощью метода getComputedStyle при каждом нажатии на кнопку.

перенесите

let font = getComputedStyle(para)
let fonts = parseInt(font.fontSize)

в каждый обработчик события нажатия

AlanVendy

У меня эту задачу по тем же самым пунктам ( 9, 10, 11 ) тоже не принимает. Хотя код работает:

<script>
    const content = document.querySelector('.story');
    const currentStyle = getComputedStyle(content);
    let font = parseInt(currentStyle.fontSize);
    function sizePlus () {
      font += font >=20 ? 2 : 1;
      content.style.fontSize = `${font}px`;
    };
    function sizeMinus () {
      font -= font >=20 ? 2 : 1;
      content.style.fontSize = `${font}px`;
    };
    const buttonPlus = document.querySelector('.plus-button');
    const buttonMinus = document.querySelector('.minus-button');
    buttonPlus.addEventListener("click", sizePlus);
    buttonMinus.addEventListener("click", sizeMinus);
  </script>

Coderslang_Master

AlanVendy попробуй применить совет из поста @amati и перенести вычисление размера шрифта в sizePlus и sizeMinus чтобы getComputedStyle выполнялся при каждом клике на кнопку