JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="search" name="q" value="Tıkla, yaz ve aramaya başla!" />
<p>Kutuya tıklandığında içerisindeki yazının silindiğini göreceksiniz.</p>
<p>Eğer kutuya birşey yazmazsanız, kutunun dışına tıkladığınızda içindeki yazının eski haline geldiğini göreceksiniz</p>
<p>Eğer kutuya birşey yazarsanız, kutunun dışına tıkladığınızda içindeki yazının değişmediğini göreceksiniz.</p>

JavaScript

$(document).ready(function () {
    var $searchBar = $("#search");
    var defaultText = $searchBar.val();
    $searchBar.focus(function () {
        if ($searchBar.val() == defaultText) {
            $searchBar.val("");
        }
    });
    
});