@spoT1

Как на каждом клике увеличивать ширину div блока в JavaScript?

(function (){
    let a = 75;
    let q = document.querySelector('.btn1');
    let b = document.querySelector('.out-1');
    b.style.width = 0;
    
    q.addEventListener('click', () =>{
        a = a +10;
        console.log(a);
        b.style.width = 5 + 'px';
    });
})();

Получается так, что б замыкается на 5 пикселях
  • Вопрос задан
  • 66 просмотров
Пригласить эксперта
Ответы на вопрос 2
sergiks
@sergiks Куратор тега JavaScript
♬♬
перечитайте эту строку вашего кода:
b.style.width = 5 + 'px';
spoiler
(function (){
    let a = 75; // видимо, начальная ширина?
    const out = document.querySelector('.out-1');
    const update = (delta = 0) => out.style.width = `${a += delta}px`;
    update();

    document.querySelector('.btn1')
      .addEventListener('click', () => update(10));

    // так можно добавить вторую кнопку для укорачивания:
    document.querySelector('.btn2')
      .addEventListener('click', () => update(-10));
})();




Ответ написан
Комментировать
Mesuti
@Mesuti
(function (){
    let a = 75;
    let q = document.querySelector('.btn1');
    let b = document.querySelector('.out-1');
    let countWidth = b.style.width = 0;

    q.addEventListener('click', () =>{
        console.log(`${a += 10}`);
        b.style.width = `${countWidth += 5} px`;
    });
})();
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы