JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<p>Some paragraph text</p>
<h1>some heading 1 text</h1>
<h2>some heading 2 text</h2>

<a href="#" id="btn1">12</a>
<a href="#" id="btn2">14</a>
<a href="#" id="btn3">16</a>

CSS

body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}

h1 {
  font-size: 1.5em;
}
h2 {
  font-size: 1.2em;
}

JavaScript

function changeTextSize(size) {
console.log(s)
  //return function() {
    document.body.style.fontSize = size + 'px';
  //};
}


document.getElementById('btn1').onclick = changeTextSize(12);
document.getElementById('btn2').onclick = changeTextSize(14);
document.getElementById('btn3').onclick = changeTextSize(16);