如何在Javascript中顯示一個函數的返回值到另一個函數

Question

我必須向另一個函數顯示算術運算的返回值。

function calCaulation(e) {
var x = parseFloat(document.getElementById("first").value);
var y = parseFloat(document.getElementById("second").value);
var z = document.getElementById("oper").value;

switch(z){
    case("+"):
        var a = "Sum:" + ((x + y).toFixed(2));
        break;
    case("-"):
        var a = "Sub:" + ((x - y).toFixed(2));  
    break;
    case("*"):
        var a = "Mul:" + ((x * y).toFixed(2));  
    break;
    case("/"):
        var a = "Div:" + ((x / y).toFixed(2));
    break;
    default:
    var a = "Invalid Operator";
    }
    return a;
    } 
function dispResult  (a) {
document.getElemntById("demo").innerHTML = a;
}

當我嘗試這樣做時，結果只顯示一次，我希望每次更改輸入值時都調用函數。

Answer 1

很難從你的問題中准確掌握你想要什么，但這里有一個例子，我把它放在一起，它調用了不同的算術函數：

https://jsfiddle.net/n0pchkgr/

document.getElementById("confirm").onclick = function(){
    var first = document.getElementById('first').value;
    var second = document.getElementById('second').value;

    document.getElementById('output').innerHTML = add(first,second);
    document.getElementById('multipliedOutput').innerHTML = multiplyTwoNumbers(first,second);
};

function add(){
 var returnAmount = 0;
 for (var i = 0; i < arguments.length; i++){
  returnAmount+= Number(arguments[i]) || 0;   
 }
 return returnAmount;
}

function multiplyTwoNumbers(a,b){
 return a*b;   
}