HTML/JS - 2 Seçenekli (FARKLI)Matematiksel İşlem Yaptırmak İstiyorum ? - R10.net
  • 11-09-2020, 14:56:04
    #1
    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;
        }
    My life, My Rules ! | Kişisel Blog
  • 11-09-2020, 14:57:58
    #2
    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
    JavaScript ile html elementlerini select optiontan gelen veriye göre kontrol edebilirsiniz
    Web Developer & Software Developer [PHP işleriniz, admin panel, özel script, website yapılır] | Teknolojinin Adresi - ProgramcıBey
  • 11-09-2020, 15:09:36
    #4
    YazilimciBiri adlı üyeden alıntı
    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ı.
    My life, My Rules ! | Kişisel Blog
  • 11-09-2020, 15:10:36
    #5
    HasanAYT adlı üyeden alıntı
    şö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.
    Web Developer & Software Developer [PHP işleriniz, admin panel, özel script, website yapılır] | Teknolojinin Adresi - ProgramcıBey
  • 11-09-2020, 15:15:04
    #6
    YazilimciBiri adlı üyeden alıntı
    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.
    My life, My Rules ! | Kişisel Blog