HTML/JS - 2 Seçenekli (FARKLI)Matematiksel İşlem Yaptırmak İstiyorum ?

11-09-2020, 14:56:04

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>&Sigma;x'i giriniz : </label>
<input type="text" name="sayi1" id="sayi1"> <br> <br>
<label>&Sigma;y'yi giriniz :</label>&nbsp;
<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>&Sigma;x'i giriniz : </label>
<input type="text" name="sayi1" id="sayi1"> <br> <br>
<label>&Sigma;y'yi giriniz :</label>&nbsp;
<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;
    }

11-09-2020, 14:57:58

#2

tolgaand

bir formül seçildiğinde, x tane input oluşturulur ve ilgili matematiksel fonksiyona bağlanır
başka bir formül seçildiğinde ise, başka x tane input oluşturulur ve diğer iligli matemetiksel fonksiyona bağlanır.
Özelden yazarsanız yardımcı olabilirim.

11-09-2020, 15:06:11

#3

YazilimciBiri

JavaScript ile html elementlerini select optiontan gelen veriye göre kontrol edebilirsiniz

11-09-2020, 15:09:36

#4

HasanAYT

YazilimciBiri adlı üyeden alıntı: mesajı görüntüle

JavaScript ile html elementlerini select optiontan gelen veriye göre kontrol edebilirsiniz

şöyle bir yol izledim olmadı ;

<p id="demo"></p> ekledim ardından JS'ye

if (Koşulekledim) {
document.getElementById("demo").innerHTML = "Buraya da yukarıdaki örnekte verdiğim kodları ekledim";

sonuc olarak olmadı.

11-09-2020, 15:10:36

#5

YazilimciBiri

HasanAYT adlı üyeden alıntı: mesajı görüntüle

şöyle bir yol izledim olmadı ;

<p id="demo"></p> ekledim ardından JS'ye

if (Koşulekledim) {
document.getElementById("demo").innerHTML = "Buraya da yukarıdaki örnekte verdiğim kodları ekledim";

sonuc olarak olmadı.

PM atın yardımcı olmaya çalışayım.

11-09-2020, 15:15:04

#6

HasanAYT

YazilimciBiri adlı üyeden alıntı: mesajı görüntüle

PM atın yardımcı olmaya çalışayım.

Örnekleri aslında direk kod içerisinde yazdım. İnputlar v.b her şey hazır sadece seçmeye dayalı gösterimi yapamadım. Tahminimce görünce basit olduğunu anlayacağım ama anlarsınız kafa durdu. Her şey hazır direk CTRL C + V ile alabilirsiniz. Yardımcı olursanız sevinirim. (spoilerde tüm kodlar mevcut) her iki işlemde.)

Ya da sizi bi 15 dakika bekleteyim. Bir arkadaş yardımcı oluyor. Eğer yapamaz isek size mesaj atayım.