Простой калькулятор JS с переключателями

Я нашел предметы, подобные моим, но я не смог исправить свою проблему после их чтения. Поэтому я хотел сделать простой калькулятор с помощью JS, но я не мог этого сделать, и он ничего не делает! Я думаю, что основная проблема связана с переключателями.Простой калькулятор JS с переключателями

Можете ли вы мне помочь, это легко, я знаю, но я все еще новичок. PS: Я не хочу jquery !!!

<!DOCTYPE html> 
<html> 
<head> 
    <title>Exercice1 | JS</title> 
    <script> 
     function calcul (op, v1, v2){ 
       if (document.f.op[1].cheked) alert(parseInt(v1.value) + parseInt(v2.value)); 
       if (document.f.op[2].cheked) alert(parseInt(v1.value) - parseInt(v2.value)); 
       if (document.f.op[3].cheked) alert(parseInt(v1.value) * parseInt(v2.value)); 
       if (document.f.op[4].cheked) alert(parseInt(v1.value)/parseInt(v2.value)); 
      } 
    </script> 
</head> 
<body> 
    <form name ="f" method="POST" action=""> 
     <label for="v1">Var 1</label> 
     <input type="text" name="v1" id="v1"></input> 
     <br> <br> 
     <label for="v2">Var 2</label> 
     <input type="text" name="v2" id="v2"></input> 
     <br><br> 

     <input type="radio" name="op" value="1"></input> 
     <label for="1">+</label> 
     <br> 
     <input type="radio" name="op" value="2"></input> 
     <label for="2">-</label> 
     <br> 
     <input type="radio" name="op" value="3"></input> 
     <label for="3">*</label> 
     <br> 
     <input type="radio" name="op" value="4"></input> 
     <label for="4">/</label> 
     <br> 
     <input type="submit" onclick="calcul(op, v1, v2)" value="Calculate"></input> 
     <input type="reset"></input> 
    </form> 
</body>

источник

2015-09-06 Baha Baghdadi

Немногие вещи, которые могли бы исправить мне голову:

Не передать оп, v1, v2 в вашей Calcul функции, и изменить свою функцию, чтобы работать Calcul(), потому что вы использовали эти три - в любом случае Меня зовут (ор, v1, v2), чтобы объявить элементы - переменные с одинаковыми именами доступны в вашей функции в любом случае

cheked неверен, это .Checked

function calcul(){ 
        if (document.f.op[0].checked) alert(parseInt(v1.value) + parseInt(v2.value)); 
// you are accessing an array - so index starts with Zero 
        if (document.f.op[1].checked) alert(parseInt(v1.value) - parseInt(v2.value)); 
        if (document.f.op[2].checked) alert(parseInt(v1.value) * parseInt(v2.value)); 
        if (document.f.op[3].checked) alert(parseInt(v1.value)/parseInt(v2.value)); 
       }

Изменить это тоже:

onclick="calcul()"

источник

2015-09-06 14:57:37

Простой калькулятор JS с переключателями

ответ

Смежные вопросы