JSFiddle - React, Tailwind, and code Playground

by sandesh247

HTML

<div id="unique">
    Prateeksha Singh
</div>

<div class="header">
    This should be big
</div>

<div class="normal">
    This should be underlined
</div>

<div class="header normal">
    This should be big AND underlined
</div>

<button id="show_button">
    Show
</button>

CSS

.header {
    font-weight: bold;
    font-size: 30px;
}

.normal {
    text-decoration: underline;
    display: none;
}

JavaScript

function do_on_click() {
    $('.normal').fadeIn();
}

function do_on_ready() {
    $('#show_button').click(do_on_click);
}

$(document).ready(do_on_ready);