JSFiddle - React, Tailwind, and code Playground
by ExplosionPIlls
HTML
<form name="bmiForm">
Cinsiyetiniz: Erkek<input type="checkbox" id="e" name="erkek" onclick="if (this.checked) document.getElementById('k').disabled=true; else document.getElementById('k').disabled = false;"/> Kadın<input type="checkbox" id="k" name="kadın" onclick="if (this.checked) document.getElementById('e').disabled=true; else document.getElementById('e').disabled = false;"/><br />
Kilonuz(kg): <input type="text" name="kilo" size="10" /> Örn:75<br />
Boyunuz(cm): <input type="text" name="boy" size="10" /> Örn:183<br />
<input type="button" value="Kütle/Vücut İndeksi Hesapla" onClick="bmihesaplama()" /><br />
Kütle/Vücut İndeksiniz(BMI): <input type="text" name="bmi" size="10" /><br />
Bunun Anlamı: <input type="text" name="sonuc" size="45" /><br />
<input type="reset" value="Temizle" onclick="temizle()" />
</form>
CSS
body {
height: 200px;
width: 500px;
overflow: hidden;
}
#a {
height: 100px;
width: 100px;
background-color:red;
}
#b {
height: 100%;
width: 100%;
background-color:blue;
}
JavaScript
function temizle(){
if(document.getElementById('e').disabled)
{
document.getElementById('e').disabled=false
}
if(document.getElementById('k').disabled)
{
document.getElementById('k').disabled=false
}
}