formdan girilen değerleri değişkene aktarıp işlem yapma

Merhaba,

Yeni bir sizin için basit benim için devasa bir soru ile karşınızdayım dostlar :)

bir tane form oluşturdum. Form tasarımı şu şekilde: http://prntscr.com/26ttnm0

En üstte bulunan fiyatı bir değişkende tutuyorum. [$altinsatis]

Has altın fiyatı üzerinden işlem yapıyorum yani.

Şunu yapmak istiyorum:

Has artış oranı inputuna girilen değeri alıp değişkende tutacağım. ($hasartis) Değer girilmemiş ise varsayılan olarak 5 değeri vereceğim.

Daha sonra eklenecek tutar inputuna değer girilmişse bunu da değişkene alacağım. ($ektutar) Değer girilmemiş ise 0 olarak göreceğim.

Hesapla butonuna basıldığında $altinsatis ile $hasartis 'in yüzdeliği toplanacak. Yani has artış alanına 10 girilmiş ise, $altinsatis fiyatının %10 fazlası değişkene aktarılacak.

Eğer alana değer girilmemiş ise %5 fazlasını ekleyecek. 5 varsayılan sayı. Bu yeni değişkenin adı $hasyeni olsun.

Buraya kadar elimizde $hasyeni adında bir veri oluşturmuş olduk. Girilen sayı yüzdelik oranda has fiyatımıza eklenmiş oldu.

Bundan sonraki input'a yani eklenecek tutar kısmına değer girilir ise bu değeri de $hasyeni değişkenimize ekleyeceğiz.

Eğer bu alana değer girilmez ise işlem yapmayacağız ya da sıfır ekleyeceğiz.

Hesapla butonuna basınca $hasyeni değişkenini resimdeki kırmızı alanın içinde göstereceğiz. araştırdığımda ajax ile yapılıyor gibisinden bilgilere ulaştım.

Bunu yapmak için nasıl bir yol izlemeliyim? Her türlü öneriye açığım. Öğrenmek için kendimce bu tarz uygulamalar yapıyorum.

Bu şekilde bir deneme yaptım fakat ekrana yazdırmıyor

    if($_POST['hesapla']){
    $hasyuzdelik = $_POST['hasyuzdelik'];
    $ektutar = $_POST['ektutar'];
    echo $hasyuzdelik;
}

<form action="" method="POST" role="form">
<div class="input-group mb-3">
  <div class="input-group-prepend">
    <span class="input-group-text" id="hasyuzdelik">Has Artış Oranı (%)</span>
  </div>
  <input type="text" class="form-control" aria-label="Default" aria-describedby="hasyuzdelik" placeholder="Varsayılan Değer: 5" name="hasyuzdelik">
</div>

<div class="input-group mb-3">
  <div class="input-group-prepend">
    <span class="input-group-text" id="ektutar">Eklenecek Tutar (Varsa)</span>
  </div>
  <input type="text" class="form-control" aria-label="Default" aria-describedby="ektutar" placeholder="Varsayılan Değer: 0" name="ektutar">
</div>
<div style="margin-top:10px"><button type="submit" class="btn btn-primary btn-sm btn-block" name="hesapla">Hesapla</button></div>
<p class="text-center">Sonuç:<?=$hasyuzdelik?></p>
</form>