Değişken buton oluşturma

Merhaba, oluşturduğum web sayfası üzerinden uzakta bulunan cihazı kontrol ediyorum (PHP,JS). Bu web sayfasında "AÇ" ve "KAPAT" isminde iki adet buton var.

Ben "AÇ" ve "KAPAT" iki adet değilde tek buton üzerinde çalıştırmak istiyorum. Yardımlarınızı bekliyorum, saygılar.

Tek bir butona aç - kapat gibi bir işleyiş vermek istiyorsan basit bir kodla yapabilirsin. Aşağıda Jquery ve Javascript ile böyle bir örnek bulabilirsin. 

Açma ve kapama koşullarındaki yerlere sen kendine ait kodları yazabilirsin.

Örnek: http://js.do/code/ac-kapat

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="ackapa" data-ac=1>aç</button>
<script>
$(function() {
    $('#ackapa').click(function(){
         if ($(this).attr('data-ac')==1){
        
         $(this).attr('data-ac',0);
          $(this).html('Kapat');
         }else{         
          $(this).attr('data-ac',1);
           $(this).html('Aç');
         }
    })
});
</script>