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

Question

[spoT1]

(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 пикселях

Answer 1

[Сергей Соколов]

перечитайте эту строку вашего кода:
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));
})();

Answer 2

[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`;
    });
})();