JSFiddle - React, Tailwind, and code Playground

by Santosh Thakur

HTML

<p id="content">"Lorem ipsum dolor sit amet, </p>

<input type="button" value="small" id="small" /> <input type="button" value="normal" id="normal" /> <input type="button" value="Large" id="large" />

JavaScript

var content = document.getElementById("content");
var smallButton = document.getElementById("small");
var normalButton = document.getElementById("normal");
var largeButton = document.getElementById("large");
smallButton.onclick = function(e) {
  content.style.fontSize += "10px";
}
normalButton.onclick = function(e) {
  content.style.fontSize += "14px";
}
largeButton.onclick = function(e) {
  content.style.fontSize += "20px";
}