Как увеличить шрифт текста при клике на кнопку на чистом js

Question

Имеется счетчик, при клике на кнопку увеличивается число, нужно что бы еще увеличивался размер шрифта при каждом клике, вопрос что не так и как поправить

window.onload = initializer;
var  theCount = 0;
function initializer() {
    document.getElementById("incremenButon").onclick = increaseCount;
    document.getElementById("incremenButon").addEventListener('click',changeSize);
}
function increaseCount() {
    theCount++;
    document.getElementById("currentCount").innerHTML = theCount;
}

function changeSize (e) {
    document.getElementById("currentCount").style.fontSize = theCount;
}

<body>
    <h1>
        Щелкние на кнопке
    </h1>
    <p>
        Текущее зачение: <span id="currentCount">0</span>
    </p>
    <button id="incremenButon">
        Инкрементировать счетчик
    </button>

</body>

Answer 1

fontSize укажите в пикселях (em, rem), в чем надо, тогда заработает, например

document.getElementById("currentCount").style.fontSize = theCount + 'px'

Answer 2

Можно так

var  theCount = 0;
document.getElementById("incremenButon").addEventListener('click',changeSize);


function changeSize (e) {
    theCount++;
    document.getElementById("currentCount").innerHTML = theCount;    
    document.getElementById("currentCount").setAttribute('style', `font-size: ${theCount}pt`);
    
}

<body>
    <h1>
        Щелкние на кнопке
    </h1>
    <p>
        Текущее зачение: <span id="currentCount">0</span>
    </p>
    <button id="incremenButon">
        Инкрементировать счетчик
    </button>

</body>

БЛОГ НА HUSL

Как увеличить шрифт текста при клике на кнопку на чистом js

Ответы (2 шт):