Full Version: HTML Dairenin Çapı İle Çevresini Hesaplama
Pages: 1
HTML Dairenin Çapı İle Çevresini Hesaplama By: Kerem Date: 19 Aralık 2023, 23:05:29
Aşağıda verdiğim sayfa ile çemberin çapını mm olarak girerek çevresini cm cinsinden alabiliyorsunuz. Örnek sayfayı EK'ten indirebilirsiniz.
Aşağıda verdiğim sayfa ile çemberin çapını mm olarak girerek çevresini cm cinsinden alabiliyorsunuz. Örnek sayfayı EK'ten indirebilirsiniz.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Çember Çevresi Hesaplama</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 20px;
}
label {
display: block;
margin-bottom: 5px;
}
input {
padding: 5px;
margin-bottom: 10px;
}
button {
padding: 8px;
background-color: #4caf50;
color: white;
border: none;
cursor: pointer;
}
button:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<h2>Çember Çevresi Hesaplama</h2>
<label for="diameter">Çap (mm):</label>
<input type="number" id="diameter" placeholder="Çapı girin" required>
<br>
<button onclick="calculateCircumference()">Dönüştür</button>
<p id="result"></p>
<script>
function calculateCircumference() {
var diameter = document.getElementById("diameter").value;
var radius = diameter / 2;
var circumference = 2 * Math.PI * radius;
// Çevreyi cm cinsine çevirip sonucu göster
document.getElementById("result").innerHTML = "Çevre: " + (circumference / 10).toFixed(2) + " cm";
}
</script>
</body>
</html>