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 --> 