Question

我试图让这个警报出现，但它似乎不起作用，我几乎尝试了所有事情，但实际上没有任何作用。

我已经尝试取出警报的变量并且它有效，但是我需要它来显示乘法的结果。

然后我尝试在警告框中添加变量，但它不起作用，我无法找到问题所在。

<!DOCTYPE html> 
<html>
<head>    
<title>Multiplication</title>
</head>
<body>
  <h2> Ange 2 tal för att multiplicera</h2>
<table  border="0">
  <tr>
    <th>Första Tal</th>
    <th>Andra Tal</th>

  </tr>
  <tr>
    <td><input id="box1" type="text" oninput="calculate()" /></td>
    <td><input id="box2" type="text" oninput="calculate()" /></td>
    <td><input type="button" onclick="disp_alert()" value="Multiplicera" /></td>

  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

  <script>


function calculate() {
    var myBox1 = document.getElementById('box1').value; 
    var myBox2 = document.getElementById('box2').value;
    var result = document.getElementById('result'); 
    var myResult = myBox1 * myBox2;
    result.value = myResult;    
}
    function disp_alert() {
        alert("Resultaten blir"+result.value);
    }

  </script>  

</body>
</html>

Answer 1

变量result仅存在于calculate()函数中。您需要在disp_alert()函数中再次检索该值。

function disp_alert() {
    var result = document.getElementById('result'); 
    alert("Resultaten blir"+result.value);
}

Answer 2

在按钮上试试这个：

<td><input type="button" onclick="disp_alert(calculate())" value="Multiplicera" /></td>

您的result变量属于您的calculate()范围，因此disp_alert()不知道result是什么。

var global_result; <---- this variable is accessible to all functions.

function calculate(){
 var result; <--- this is a local variable only accessible within this function
}

disp_alert(calculate()) <--- calculate innards become available to disp_alert

将calculate()内的呼叫关闭disp_alert()，该值可以访问。

Answer 3

您只需要在点击按钮时进行计算。

＆＃13;

function calculate() {
    var myBox1 = document.getElementById('box1').value; 
    var myBox2 = document.getElementById('box2').value;
    return myBox1 * myBox2;
}

function disp_alert() {
    var product = calculate();
    alert(product);
}

＆＃13;

<body>
  <h2> Ange 2 tal för att multiplicera</h2>
<table  border="0">
  <tr>
    <th>Första Tal</th>
    <th>Andra Tal</th>

  </tr>
  <tr>
    <td><input id="box1" type="text" /></td>
    <td><input id="box2" type="text" /></td>
    <td><input type="button" onclick="disp_alert()" value="Multiplicera" /></td>

  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>

＆＃13;

无法显示警告框JavaScript

3 个答案: