Question

嘿伙计们我试图创建一个需要3个参数的函数。第一个参数应该是＆＃34; MULTIPLY＆＃34;或＆＃34; DIVIDE＆＃34;在输入字段中，然后是两个也在单独的输入字段中的数字，应该根据第一个参数进行倍增或划分。我无法弄清楚我应该如何在代码中写下来。

到目前为止这是我的代码;

<!DOCTYPE html>
<html>
<head>
<script src="ovning3-3.js"></script>
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
<h1></h1>
<p>

</p>


<input id="first" type="text">
<input id="second" type="text">
<input id="third" type="text">
<input type="button" value="Multiply" onclick="multiply()">
<input type="button" value="Divide" onclick="divide()">
<input type="button" value="Multiply and Divide" onclick="multiplyAndDivide()">

</body>
</html>

和java脚本;

function multiply() {

    var x = document.getElementById("first").value;
    var y = document.getElementById("second").value;
    var z = document.getElementById("third").value;
    var result = (x * y) * z

    alert(result)

}

function divide() {

    var x = document.getElementById("first").value;
    var y = document.getElementById("second").value;
    var z = document.getElementById("third").value;
    var result = (x / y) / z

    alert(result)

}


function multiplyAndDivide() {

    multiply();
    divide();

}

有任何帮助吗？

Answer 1

您只能使用一个功能

function multiplyOrDivide(todo){
var x = document.getElementById("first").value;
var y = document.getElementById("second").value;
var z = document.getElementById("third").value;
if(todo==0){
    alert(Number(x*y*z));
}
else{
    if(y!=0 || z!=0){
        alert(Number(x/y)/z);
    }
 }

}

在onclick中，您可以将选项作为multiplyOrDivide（1）

传递

Answer 2

看看这是否是你想要的

<!DOCTYPE html>
<html>
<head>
<script>
    function calculate() {
        var x = document.getElementById("first").value;
        var y = document.getElementById("second").value;
        var d = document.getElementById("decision").value;
        if (d=="*")
           result = x*y;
        else if(d=="/")
           result = x/y;
        alert(result)}
</script>
  <title></title>
</head>
<body>
<h1></h1>
<select id="decision">
    <option value="*">Multiply</option>
    <option value="/">Divide</option>
</select><br>
<input id="first" type="text">
<input id="second" type="text"><br>
<input type="button" value="Calculate" onclick="calculate()">
</body>
</html>

如果您需要进一步解释，请告诉我

Answer 3

您可以使用选择菜单选择要执行的操作。要使用js功能，您可以看一下：

function calculate() {
  var selected_operation = document.getElementById("operation");
  var operation = selected_operation.options[selected_operation.selectedIndex].value;

  if (operation == 'multiply') 
     multiply(operation);
  else if (operation == 'divide') 
     divide();
  else if (operation == 'mulitiply_division')
     multiplyAndDivide();
}

function multiply() {
  var x = document.getElementById("first").value;
  var y = document.getElementById("second").value;
  var z = document.getElementById("third").value;
  var result = (x * y) * z

  alert(result);
}

function divide() {
  var x = document.getElementById("first").value;
  var y = document.getElementById("second").value;
  var z = document.getElementById("third").value;
  var result = (x / y) / z

  alert(result);
}

function multiplyAndDivide() {
  multiply();
  divide();
}

要查看整个方案，请访问 DEMO

Answer 4

function mul()
{
	var a = document.getElementById("v1").value;
	var b = document.getElementById("v2").value;
	
	document.getElementById("ans").innerHTML = "Multiplication is: " + a * b;
}
function div()
{
	var a = document.getElementById("v1").value;
	var b = document.getElementById("v2").value;
	
	document.getElementById("ans").innerHTML = "Division is: " + a / b;
}

<!DOCTYPE html>
<html>
<head>
</head>
<style>
body{
padding-left: 80px;
}
</style>


<body>

<p id="ans"></p>

<input type="text" placeholder="Value 1" id="v1"><br><br>
<input type="text" placeholder="Value 2" id="v2"><br><br>

<input type="button" onclick="mul()" id="mul" value="Multiplication">
<input type="button" id="div" onclick="div()" value="Division">

</body>
</html>

说明： document.getElementById（id）.value：value属性设置或返回文本字段的value属性的值。

document.getElementById（“ result”）。innerHTM：innerHTML属性设置或返回元素的HTML内容（内部HTML）。

在输入字段中进行乘法或除法，以对其他2个输入字段执行乘法或除法

4 个答案: