JSFiddle - React, Tailwind, and code Playground

by dhoerster

HTML

<div>
    <p><font size='4'>Dave</font></p>
    <p><font size='4'>Bob</font></p>
    <p><font size='4'>Jane</font></p>
    <p><font size='4'>Harry</font></p>
</div>

<button id='bump'>Bump up size</button>

JavaScript

function increaseSize() {
    var pTags = document.getElementsByTagName('font');
    var count = pTags.length;
    for(var i = 0; i < count; i++){
        var newSize = parseInt(pTags[i].getAttribute('size'), 10) + 1;
        pTags[i].setAttribute('size', newSize);
    }
}

$('#bump').click(function(e) {
    e.preventDefault();
    increaseSize();
});