Калькулятор с выбором операции через select

@Xapek · Регистрация: 21.01.2016

Author24 — интернет-сервис помощи студентам

пишу калькулятор спец назначения, при разних операторах (+.-.*./)должни бить разние вичисления, как заставить собитие click по кнопке различать что нужно виполнять

Javascript

jQuery('document').ready(function(){
jQuery('button').on('click', function(){
    var a1, b1, d1, a2, b2,d2,c1,c2,value1,value2,value3,value4;
    a1=jQuery('#val1').val();
    b1=jQuery('#val2').val();
    d1=jQuery('#val3').val();
    a2=jQuery('#val4').val();
    b2=jQuery('#val5').val();
    d2=jQuery('#val6').val();
    c1=jQuery('#val7').val();
    c2=jQuery('#val8').val();
    a1=parseInt(a1);
    b1=parseInt(b1);
    d1=parseInt(d1);
    a2=parseInt(a2);
    b2=parseInt(b2);
    d2=parseInt(d2);
    c1=parseInt(c1);
    c2=parseInt(c2);
     value1=a1*d2+d1*a2;
        value2=d1*d2;
        value3=b1*d2+d1*b2;
        value4=value1+value2;
        //nsd function(aa,bb){      
        //var a=aa;
        //var b=bb;
        //if (a<0) a=-a;
        //if (b<0) b=-b;
        //while (a!=b) if (a<b) b-=a; else a-=b;
        //return a;
        //}
        //nsd(a1,d1);
        //value1=a;
        
    if (document.func=='+') {
        value1=a1*d2+d1*a2;
        value2=d1*d2;
        value3=b1*d2+d1*b2;
        value4=value1+value2;
        alert (value1+'+'+value2+"\n"+value3);  
        }
    
    if (document.func=='*') {
        value1=a1*a2+b1*b2;
        value2=d1*d2;
        value3=a1*b2+b1*a2;
        value4=value1+value2;
        alert (value1+'+'+value2+"\n"+value3);  
        }
    
    alert (value1+'+'+value2+"\n"+value3);  
});
 
});

HTML5

<!DOCTYPE>
<html>
 
    <head>
    <meta charset="UTF-8">
    <title>Моя перша сторінка в HTML</title>
    <link href="style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="jquery-1.12.3.min.js"></script>
    <script type="text/javascript" src="script.js"></script>
    <style type="text/css">
 
    input[id=val1] {width: 40px; height: 20px;}
    input[id=val7] {width: 20px; height: 20px;}
    input[id=val8] {width: 20px; height: 20px;}
    input[id=val2] {width: 40px; height: 20px;}
    input[id=val3] {width: 50px; height: 20px;}
    input[id=val4] {width: 40px; height: 20px;}
    input[id=val5] {width: 40px; height: 20px;}
    input[id=val6] {width: 50px; height: 20px;}
</style>
    </head>
        <body>
            <form>
 
    <div>
     <input id="val1"/> + 
     <input id="val2"/> 
     <input id="val7"/><br/>
     <input id="val3"/>
    </div>
    
      <select name="func">
    <option value="+">+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
    </select>
    <div>
    <input id="val4"/> +
     <input id="val5"/> 
     <input id="val8"/><br/>
     <input id="val6"/>
    </div>
 
            <button>=</button>
            </form>
        </body>
     </html>

@BANO · 10.06.2016, 15:16

Xapek, вообще не понятно
какие разные операторы, какие действия
можете ещё раз объяснить только по-нормальному?

@Kraken73 · 10.06.2016, 15:46

Сообщение от BANO

вообще не понятно
какие разные операторы, какие действия
можете ещё раз объяснить только по-нормальному?

Ну я вроде понял, в зависимости от выбранного option в select по нажатию кнопки "=" будет выполняться разное вычисление. Например, если выбран "+" то

Сообщение от Xapek

if (document.func=='+') {
value1=a1*d2+d1*a2;
value2=d1*d2;
value3=b1*d2+d1*b2;
value4=value1+value2;
alert (value1+'+'+value2+"\n"+value3);*
}

а если "*", то

Сообщение от Xapek

if (document.func=='*') {
value1=a1*a2+b1*b2;
value2=d1*d2;
value3=a1*b2+b1*a2;
value4=value1+value2;
alert (value1+'+'+value2+"\n"+value3);*
}

и т.д. только что-то странно это, если он хочет одно и тоже при + и * выполнять.

Добавлено через 9 минут
ну вроде как-то так(кликабельно)

HTML5

<select id="operation">
  <option value="+">+</option>
  <option value="-">-</option>
  <option value="/">/</option>
  <option value="*">*</option>
</select>

Javascript

$("document").ready(function(){
    $("#operation").change(function(){
    var znak = $(this).val();
    switch(znak) {
        case "+":
        alert("плюс");
      break;
      case "-":
        alert("минус");
      break;
      case "/":
        alert("делить");
      break;
      case "*":
        alert("умножить");
      break;
    }
  })
});

@Xapek · 10.06.2016, 23:11 **[ТС]**

Kraken73, спасибо, да ты правильно понял, а одно и тоже в "+" и "*", просто потому что я не успел тогда написать что делать при "*"

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	10.06.2016, 15:16	2
	Xapek, вообще не понятно какие разные операторы, какие действия можете ещё раз объяснить только по-нормальному? 0

@Xapek 0 / 0 / 0 Регистрация: 21.01.2016 Сообщений: 3
	10.06.2016, 23:11 [ТС]	4
	Kraken73, спасибо, да ты правильно понял, а одно и тоже в "+" и "", просто потому что я не успел тогда написать что делать при "" 0