无法显示警告框 JavaScript

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

通过在 disp_alert() 内关闭调用 calculate()，该值变得可访问。

Answer 3

点击按钮时才需要计算

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);
}

<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>

无法显示警告框 JavaScript

Can't show an alert box JavaScript

html

javascript

alert