Oran-Orantı Problemi Çözücü
Ham HTML
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Oran-Orantı Problemi Çözücü - Ücretsiz Online Araç</title>
<meta name="description" content="A:B = C:D eşitliğinde bilinmeyen değeri anında bulun. Üç değeri girin, dördüncüsünü otomatik hesaplayın. %100 tarayıcıda çalışır, veri gönderilmez.">
<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta property="og:title" content="Oran-Orantı Problemi Çözücü - Ücretsiz Online Araç">
<meta property="og:description" content="A:B = C:D eşitliğinde bilinmeyen değeri anında bulun. Üç değeri girin, dördüncüsünü otomatik hesaplayın. %100 tarayıcıda çalışır.">
<meta name="theme-color" content="#6366f1">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "Oran-Orantı Problemi Çözücü",
"description": "A:B = C:D eşitliğinde bilinen üç değerden yola çıkarak dördüncü bilinmeyeni hesaplayan ücretsiz online araç.",
"applicationCategory": "EducationApplication",
"operatingSystem": "Any",
"offers": { "@type": "Offer", "price": "0", "priceCurrency": "TRY" }
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Oran-orantı problemi nasıl çözülür?",
"acceptedAnswer": { "@type": "Answer", "text": "A:B = C:D şeklindeki bir orantıda, içler çarpımının dışlar çarpımına eşit olduğu kuralı kullanılır: A x D = B x C. Bu eşitlikten yola çıkarak bilinmeyen değer, diğer üç değer kullanılarak kolayca bulunabilir." }
},
{
"@type": "Question",
"name": "A:B = C:D eşitliğinde hangi değer nasıl bulunur?",
"acceptedAnswer": { "@type": "Answer", "text": "D bilinmiyorsa D = (B x C) / A, C bilinmiyorsa C = (A x D) / B, B bilinmiyorsa B = (A x D) / C, A bilinmiyorsa A = (B x C) / D formülü kullanılır. Bu araç, hangi değeri boş bıraktığınızı otomatik algılayıp doğru formülü uygular." }
},
{
"@type": "Question",
"name": "Oran-orantı günlük hayatta nerelerde kullanılır?",
"acceptedAnswer": { "@type": "Answer", "text": "Tarif ölçülerini büyütme-küçültme, harita ölçeklerini okuma, döviz çevirileri, indirim ve zam hesaplamaları, malzeme karışım oranları ve iş paylaşımı gibi pek çok günlük durumda doğru orantı mantığı kullanılır." }
},
{
"@type": "Question",
"name": "Ters orantı ile doğru orantı arasındaki fark nedir?",
"acceptedAnswer": { "@type": "Answer", "text": "Doğru orantıda bir değer artarken diğeri de aynı oranda artar (A:B = C:D). Ters orantıda ise bir değer artarken diğeri aynı oranda azalır (A x B = C x D). Bu araç doğru orantı problemlerini çözmek için tasarlanmıştır." }
}
]
}
</script>
<style>
:root {
--bg:#f5f6fb; --surface:#fff; --surface-2:#f0f2f9; --border:#e3e6f0;
--text:#1d2033; --muted:#6b7089; --primary:#6366f1; --primary-600:#4f46e5;
--primary-soft:#eef0ff; --success:#10b981; --danger:#ef4444; --warning:#f59e0b;
--radius:16px; --shadow:0 10px 30px -12px rgba(30,35,90,.18);
}
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; background: var(--bg); color: var(--text); line-height:1.55; }
.container { max-width: 720px; margin: 0 auto; padding: 24px 16px 60px; }
header.hero { text-align:center; padding: 28px 0 8px; }
header.hero h1 { font-size: clamp(1.5rem, 4vw, 2rem); margin: 0 0 8px; }
header.hero p { color: var(--muted); margin:0; font-size: 1rem; }
.trust-badge { display:inline-flex; align-items:center; gap:6px; background: var(--primary-soft); color: var(--primary-600); font-size: .8rem; font-weight:600; padding:6px 14px; border-radius:999px; margin-top:12px; }
.ad-slot { min-height: 0; }
.card { background: var(--surface); border:1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px; margin: 20px 0; }
.field .hint { font-size:.78rem; color: var(--muted); margin-top:4px; }
input[type="text"] { width:100%; padding: 12px 14px; border: 1px solid var(--border); background: var(--surface-2); border-radius: 12px; font-size: 1.1rem; color: var(--text); outline:none; transition: border-color .15s, box-shadow .15s; text-align:center; font-weight:600; }
input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-soft); }
.proportion-row { display:grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 8px; align-items:center; margin-bottom: 8px; }
.proportion-symbol { font-size: 1.3rem; font-weight:700; color: var(--muted); text-align:center; }
.hint-center { text-align:center; margin-bottom: 16px; }
.btn { width:100%; padding: 14px 20px; border:none; border-radius: 12px; background: var(--primary); color:#fff; font-size: 1rem; font-weight:700; cursor:pointer; transition: background .15s, transform .05s; margin-top: 6px; }
.btn:hover { background: var(--primary-600); }
.btn:active { transform: scale(.99); }
.warning { display:none; background: #fff4e5; border: 1px solid var(--warning); color:#8a5a00; padding: 12px 14px; border-radius: 12px; font-size:.88rem; margin-top: 14px; }
.warning.show { display:block; }
.result { display:none; margin-top: 20px; border-top: 1px dashed var(--border); padding-top: 18px; }
.result.show { display:block; }
.result-item { background: var(--surface-2); border-radius: 12px; padding: 18px; text-align:center; }
.result-item .label { font-size:.78rem; color: var(--muted); margin-bottom:6px; }
.result-item .value { font-size: 1.4rem; font-weight:700; color: var(--primary-600); }
section.seo h2 { font-size: 1.25rem; margin: 28px 0 10px; }
section.seo p { color: var(--text); font-size: .96rem; }
details { background: var(--surface); border:1px solid var(--border); border-radius: 12px; padding: 14px 16px; margin-bottom: 10px; box-shadow: var(--shadow); }
summary { cursor:pointer; font-weight:600; font-size:.95rem; }
details p { margin: 10px 0 0; color: var(--muted); font-size:.9rem; }
@media (max-width:480px) {
.card { padding:18px; }
.proportion-row { grid-template-columns: 1fr 16px 1fr 24px 1fr 16px 1fr; }
input[type="text"] { font-size:.95rem; padding:10px 8px; }
}
</style>
</head>
<body>
<div class="container">
<header class="hero">
<h1>Oran-Orantı Problemi Çözücü</h1>
<p>A:B = C:D eşitliğinde üç değeri girin, bilinmeyen dördüncü değeri anında bulun.</p>
<span class="trust-badge">🔒 %100 Tarayıcıda — Veriniz Hiçbir Yere Gönderilmez</span>
</header>
<!-- [reklam:arac-header] -->
<div class="ad-slot"></div>
<main class="card">
<div class="proportion-row">
<input type="text" inputmode="decimal" id="valA" placeholder="A">
<span class="proportion-symbol">:</span>
<input type="text" inputmode="decimal" id="valB" placeholder="B">
<span class="proportion-symbol">=</span>
<input type="text" inputmode="decimal" id="valC" placeholder="C">
<span class="proportion-symbol">:</span>
<input type="text" inputmode="decimal" id="valD" placeholder="D">
</div>
<p class="hint-center">Dört kutudan tam olarak birini boş bırakın, diğer üçünü doldurun.</p>
<button class="btn" onclick="hesaplaOranti()">Hesapla</button>
<div class="warning" id="warningBox"></div>
<div class="result" id="resultBox">
<div class="result-item">
<div class="label" id="resLabel">Bulunan Değer</div>
<div class="value" id="resValue">-</div>
</div>
</div>
</main>
<!-- [reklam:arac-alt] -->
<div class="ad-slot"></div>
<section class="seo">
<h2>Oran-Orantı Problemi Çözücü Nedir?</h2>
<p>Oran-orantı, matematikte iki veya daha fazla büyüklük arasındaki ilişkiyi ifade etmek için kullanılan temel bir kavramdır. "A:B = C:D" şeklinde yazılan bir doğru orantıda, bu dört değerden üçü bilindiğinde dördüncüsü "içler çarpımı dışlar çarpımına eşittir" kuralıyla (A x D = B x C) kolayca bulunabilir. Bu tür problemler sadece okul matematiğinde değil, günlük hayatta tarif ölçülerini ayarlamaktan harita ölçeklerini okumaya, indirim hesaplamalarından malzeme karışımlarına kadar pek çok alanda karşımıza çıkar. Bu araç, elle yapılan çapraz çarpma işlemini otomatikleştirerek hatasız ve hızlı sonuç almanızı sağlar.</p>
<h2>Nasıl Kullanılır?</h2>
<p>Kullanımı oldukça basittir: A, B, C, D olarak etiketlenmiş dört kutudan üçüne bildiğiniz değerleri girin ve bilmediğiniz değerin kutusunu boş bırakın. "Hesapla" butonuna bastığınızda araç, hangi kutunun boş olduğunu otomatik olarak algılar ve doğru orantı formülünü kullanarak o değeri hesaplar. Örneğin "3 kişilik bir tarifte 150 gram un kullanılıyorsa, 7 kişilik bir tarifte kaç gram un gerekir?" sorusunu çözmek için A=3, B=150, C=7 değerlerini girip D kutusunu boş bırakmanız yeterlidir. Tüm hesaplama tarayıcınızda yapılır, girdiğiniz hiçbir değer kaydedilmez veya herhangi bir sunucuya gönderilmez.</p>
<h2>Sıkça Sorulan Sorular</h2>
<details>
<summary>Oran-orantı problemi nasıl çözülür?</summary>
<p>A:B = C:D şeklindeki bir orantıda, içler çarpımının dışlar çarpımına eşit olduğu kuralı kullanılır: A x D = B x C. Bu eşitlikten yola çıkarak bilinmeyen değer, diğer üç değer kullanılarak kolayca bulunabilir.</p>
</details>
<details>
<summary>A:B = C:D eşitliğinde hangi değer nasıl bulunur?</summary>
<p>D bilinmiyorsa D = (B x C) / A, C bilinmiyorsa C = (A x D) / B, B bilinmiyorsa B = (A x D) / C, A bilinmiyorsa A = (B x C) / D formülü kullanılır. Bu araç, hangi değeri boş bıraktığınızı otomatik algılayıp doğru formülü uygular.</p>
</details>
<details>
<summary>Oran-orantı günlük hayatta nerelerde kullanılır?</summary>
<p>Tarif ölçülerini büyütme-küçültme, harita ölçeklerini okuma, döviz çevirileri, indirim ve zam hesaplamaları, malzeme karışım oranları ve iş paylaşımı gibi pek çok günlük durumda doğru orantı mantığı kullanılır.</p>
</details>
<details>
<summary>Ters orantı ile doğru orantı arasındaki fark nedir?</summary>
<p>Doğru orantıda bir değer artarken diğeri de aynı oranda artar (A:B = C:D). Ters orantıda ise bir değer artarken diğeri aynı oranda azalır (A x B = C x D). Bu araç doğru orantı problemlerini çözmek için tasarlanmıştır.</p>
</details>
</section>
</div>
<script>
function showWarning(msg) {
var box = document.getElementById("warningBox");
box.textContent = msg;
box.classList.add("show");
document.getElementById("resultBox").classList.remove("show");
}
function clearWarning() {
var box = document.getElementById("warningBox");
box.textContent = "";
box.classList.remove("show");
}
function roundNice(value) {
var rounded = Math.round(value * 10000) / 10000;
return rounded.toString();
}
function hesaplaOranti() {
clearWarning();
var rawA = document.getElementById("valA").value.trim();
var rawB = document.getElementById("valB").value.trim();
var rawC = document.getElementById("valC").value.trim();
var rawD = document.getElementById("valD").value.trim();
var empties = [];
if (rawA === "") empties.push("A");
if (rawB === "") empties.push("B");
if (rawC === "") empties.push("C");
if (rawD === "") empties.push("D");
if (empties.length !== 1) {
showWarning("Lütfen dört kutudan tam olarak birini boş bırakın, diğer üçünü sayı ile doldurun.");
return;
}
var A = parseFloat(rawA.replace(",", "."));
var B = parseFloat(rawB.replace(",", "."));
var C = parseFloat(rawC.replace(",", "."));
var D = parseFloat(rawD.replace(",", "."));
var missing = empties[0];
var filledVals = { A: rawA, B: rawB, C: rawC, D: rawD };
for (var key in filledVals) {
if (key === missing) continue;
var v = parseFloat(filledVals[key].replace(",", "."));
if (isNaN(v)) {
showWarning("Lütfen tüm dolu kutulara geçerli sayılar girin.");
return;
}
}
var result, label;
if (missing === "D") {
if (A === 0) { showWarning("A değeri 0 olamaz, D hesaplanamaz."); return; }
result = (B * C) / A;
label = "D Değeri";
} else if (missing === "C") {
if (B === 0) { showWarning("B değeri 0 olamaz, C hesaplanamaz."); return; }
result = (A * D) / B;
label = "C Değeri";
} else if (missing === "B") {
if (C === 0) { showWarning("C değeri 0 olamaz, B hesaplanamaz."); return; }
result = (A * D) / C;
label = "B Değeri";
} else {
if (D === 0) { showWarning("D değeri 0 olamaz, A hesaplanamaz."); return; }
result = (B * C) / D;
label = "A Değeri";
}
if (!isFinite(result)) {
showWarning("Girilen değerlerle hesaplama yapılamadı. Lütfen değerleri kontrol edin.");
return;
}
document.getElementById("resLabel").textContent = label;
document.getElementById("resValue").textContent = roundNice(result);
document.getElementById("resultBox").classList.add("show");
}
</script>
</body>
</html>
Kategori
Eğitim ve Matematik Araçları
MMUTLU.CMS
Kurumsal web siteleri için içerik yönetim sistemi.
© 2026 Mutlu DoğruBu site MUTLU.CMS ile yayınlanmaktadır.