Arkadaşlar önce 2 seçenek olacak ve bu 2 seçenek doğrultusunda hemen altında seçilen formül gelecek bunu nasıl yapabilirim ?
Örneğin ;
<select name="renk">
<option value="secim1">Formul1</option>
<option value="secim2">Formul2</option>
</select>
bunlardan biri seçildiğinde inputlar v.b değişecek. ( Altta örnek veriyorum.)
Formül 1seçildiğinde ise ;
<!-- +Başlangıç -->
<form>
<label>Σx'i giriniz : </label>
<input type="text" name="sayi1" id="sayi1"> <br> <br>
<label>Σy'yi giriniz :</label>
<input type="text" name="sayi2" id="sayi2"><br><br>
<label>Txy'i giriniz : </label>
<input type="text" name="sayi3" id="sayi3"> <br> <br>
<label>Sonuç :</label>
<input type="text" id="sonuc"><br><br>
<br>
<input type="button" onclick="hesaplama1();" value="Hesapla"/>
<input type="reset" value="Reset">
</form>
<br><br>
<!-- + BİTİŞ -->
JS kodu ise ;
function hesaplama1(){
var sonucs;
s1= parseFloat(document.getElementById('sayi1').value);
s2= parseFloat(document.getElementById('sayi2').value);
s3= parseFloat(document.getElementById('sayi3').value);
sonuc1= (s1+s2) / 2 ;
sonuc2 = (s1-s2)/2;
sonuc3=(sonuc2*sonuc2)+(s3*s3);
sonuc4=Math.sqrt(sonuc3);
sonuc5= sonuc4+sonuc1 ;
sonucs= sonuc5;
document.getElementById('sonuc').value = sonucs;
}Formül 2 seçildiğinde ise ; hesaplamasının öne gelmesini istiyorum.
<!-- Başlangıç -->
<form>
<label>Σx'i giriniz : </label>
<input type="text" name="sayi1" id="sayi1"> <br> <br>
<label>Σy'yi giriniz :</label>
<input type="text" name="sayi2" id="sayi2"><br><br>
<label>Txy'i giriniz : </label>
<input type="text" name="sayi3" id="sayi3"> <br> <br>
<label>Sonuç :</label>
<input type="text" id="sonuc1"><br><br>
<br>
<input type="button" onclick="hesaplama2();" value="Hesapla"/>
<input type="reset" value="Reset">
</form>
</br></br></br></br>
<!-- Min Gerilme -BİTİŞ -->
Bunun JS kodu ise ;
function hesaplama2(){
var sonucs;
s1= parseFloat(document.getElementById('sayi1').value);
s2= parseFloat(document.getElementById('sayi2').value);
s3= parseFloat(document.getElementById('sayi3').value);
sonuc1= (s1+s2) / 2 ;
sonuc2 = (s1-s2)/2;
sonuc3=(sonuc2*sonuc2)+(s3*s3);
sonuc4=Math.sqrt(sonuc3);
sonuc5= sonuc1-sonuc4 ;
sonucs= sonuc5;
document.getElementById('sonuc1').value = sonucs;
}