JSFiddle - React, Tailwind, and code Playground

by JoeQuery

HTML

<p id="my-paragraph" align="center">I am aligned!</p>
<div id="buttons">
  <button id="left-btn">Left</button>
  <button id="center-btn">Center</button>
  <button id="right-btn">Right</button>
</div>

JavaScript

var $p = document.getElementById('my-paragraph');
var $left = document.getElementById('left-btn');
var $center = document.getElementById('center-btn');
var $right = document.getElementById('right-btn');

$left.onclick = function(){
    $p.setAttribute('align', 'left');
}

$center.onclick = function(){
    $p.setAttribute('align', 'center');
}

$right.onclick = function(){
    $p.setAttribute('align', 'right');
}