JSFiddle - React, Tailwind, and code Playground

HTML

<input class="sil myBtn" value="Sil"/>
<input class="sil myBtn" value="Sil"/>
<input class="sil myBtn" value="Sil"/>
<input class="sil myBtn" value="Sil"/>

<div id="myModal" class="modal">
    <div class="modal-content">
        <span class="close">&times;</span><br>
        <p class="text-gray-700 dark:text-gray-400">Fanta ürününü silmek istediğinize emin misiniz?<br><br>Bu işlem geri alınamaz.</p>
        <a href="sil.php"><input class="sil2" value="Yinede Sil"></a>
    </div>
</div>

JavaScript

// Popup Al
  var modal = document.getElementById('myModal');

// Kipi açan düğmeyi al


// Kipi kapatan <span> öğesini edinin
var span = document.getElementsByClassName("close")[0];

// Kullanıcı düğmeyi tıklattığında
 $(".myBtn").click(function(){
    $("#myModal").toggle();
  });

// Kullanıcı <span> (x) düğmesini tıkladığında, popup
span.onclick = function() {
    modal.style.display = "none";
}

// Kullanıcı modelden başka herhangi bir yeri tıklattıysa, onu kapatın.
window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}