Merhabalar, html, js & css kullanarak basit bir KDV hesaplayıcı yaptım. Fiyatınızı girip KDV tutarınızı girin ve hesaplayın.
Lütfen konunun amacı dışında yorum yapmayınız. İşine yarayan olursa veya yaradığını düşünen olursa, konu altında bilgi verebilir
İyi çalışmalar.

<form>
  <h1>KDV Hesaplayıcı</h1>
  <label for="price">Fiyat Girin:</label><br>
  <input type="number" id="price" name="price"><br>
  <label for="vat">KDV Oranı (%):</label><br>
  <input type="number" id="vat" name="vat"><br>
  <button type="button" onclick="calculateVAT()">Hesapla</button>
  <a style="text-decoration: none; color: #222222; font-weight: bold;" href="https://shentaweb.com" target=blank>www.shentaweb.com</a>
</form>

<script>
function calculateVAT() {
  var price = document.getElementById("price").value;
  var vat = document.getElementById("vat").value;
  var total = price * (1 + vat / 100);
  alert("KDV Dahil Fiyat: " + total);
}
</script>

<style type="text/css">
  *
  {
    font-family: quicksand;
  }
  
form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 400px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 20px;
    background-color: #f6f7ff;
    box-shadow: 0 20px 20px rgb(58 54 54 / 9%);

}

input[type="number"],
button {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 20px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

button {
  background-color: #5372cb;
  color: white;
  font-weight: bold;
  cursor: pointer;
}
button:hover {
  background-color: #214cc7;
}


</style>

<!-- www.shentaweb.com -->