Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript的计算器函数_Javascript - Fatal编程技术网

使用javascript的计算器函数

使用javascript的计算器函数,javascript,Javascript,我试图通过接受文本框中的输入来执行算术计算,具体取决于操作员应执行的操作。我试图为逻辑和视图编写单独的函数。。我很震惊,没能解决出了什么问题 [1]: http://plnkr.co/edit/9cyKKbPC0xYmp1qf1u7G?p=preview 分配 Num1: Num2: 作品: 总数:0.00 我使用jQuery <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> &

我试图通过接受文本框中的输入来执行算术计算,具体取决于操作员应执行的操作。我试图为逻辑和视图编写单独的函数。。我很震惊,没能解决出了什么问题

[1]: http://plnkr.co/edit/9cyKKbPC0xYmp1qf1u7G?p=preview 

分配
Num1:
Num2: 作品: 总数:0.00
我使用jQuery

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(function(){
    //You can captured value
    //With # you capture the ID element, with . you capture the class element
    //First you need a button for calculate
    $('.btn').on("click",function(){
        var first_number = $('#first').val(); 
        var second_number = $('#second').val(); 
        var result = parseInt(first_number)+parseInt(second_number);
        alert(result);
        //You also can add an HTML element with the result
        $('#result').html("The result is "+result);
        //OR in your result
        $('#demo').html("Sum: "+result);

    });
});

$(函数(){
//您可以捕获价值
//用#捕获ID元素,用。捕获class元素
//首先,你需要一个计算按钮
$('.btn')。打开(“单击”,函数(){
var first_number=$('#first').val();
var second_number=$('#second').val();
var result=parseInt(第一个\u编号)+parseInt(第二个\u编号);
警报(结果);
//您还可以在结果中添加HTML元素
$('#result').html(“结果是“+result”);
//还是在你的结果中
$('#demo').html(“总和:+结果);
});
});
现在,每个操作都需要一个逻辑。

您可以更改

function calculation() {


首先,您需要确定何时执行该功能,是否有任何按钮触发该操作

我在这里向您介绍一些javascript代码,这些代码将在触发器操作调用的任何函数中工作:

 function calculate() {
    var num1 = document.getElementById("first").value;
    var num2 = document.getElementById("second").value;
    var operation = document.getElementById("oper").value;

    if(operation == "+")
        return parseFloat(num1)+parseFloat(num2);
    if(operation == "-")
        return parseFloat(num1)-parseFloat(num2);
    if(operation == "*")
        return parseFloat(num1)*parseFloat(num2);
    if(operation == "/")
        return parseFloat(num1)/parseFloat(num2);
}
您可以在此处查看我的工作示例:

请在此处张贴代码。您的计算函数没有正式参数。为什么要向下投票?他创建了一个PLKNR,span#demo是结果的html,但我试图解释逻辑,因为span中有一个文本。现在我添加演示元素,谢谢;)
function calculation(x, y, z) {
 function calculate() {
    var num1 = document.getElementById("first").value;
    var num2 = document.getElementById("second").value;
    var operation = document.getElementById("oper").value;

    if(operation == "+")
        return parseFloat(num1)+parseFloat(num2);
    if(operation == "-")
        return parseFloat(num1)-parseFloat(num2);
    if(operation == "*")
        return parseFloat(num1)*parseFloat(num2);
    if(operation == "/")
        return parseFloat(num1)/parseFloat(num2);
}