JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css">
<p id="status">
Kapalı
</p>
<button class="btn btn-primary btn-sm rounded-0" type="submit" name="komutyollaserver" data-toggle="tooltip" data-placement="top" title="KOMUT YOLLA"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-toggle-on" viewBox="0 0 16 16">
<path d="M5 3a5 5 0 0 0 0 10h6a5 5 0 0 0 0-10H5zm6 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"/>
</svg> KOMUT YOLLA</button>

JavaScript

$("button[name=komutyollaserver]").click(function() {
  $.ajax({
    url: "index.html",
    success: function(html) {
      $("#status").html("İşlem başarılı");
    },
    error: function(error){
    $("#status").html("İşlem başarısız");
    }
  });
})