JSFiddle - React, Tailwind, and code Playground

by sedran

HTML

<div>
    <textarea id="myTextarea">Hello World</textarea>
</div>
<div>
    <button type="button" id="bold">Kalın</button>
    <button type="button" id="unbold">İnce</button>
    <button type="button" id="italic">İtalik</button>
    <button type="button" id="nonitalic">Düz</button>
</div>

JavaScript

$(document).ready(function () {
	$("#bold").on('click', function () {
        $("#myTextarea").css('font-weight', 'bold');
    });
    
    $("#unbold").on('click', function () {
        $("#myTextarea").css('font-weight', 'normal');
    });
    
    $("#italic").on('click', function () {
        $("#myTextarea").css('font-style', 'italic');
    });
    
    $("#nonitalic").on('click', function () {
        $("#myTextarea").css('font-style', 'normal');
    });
});