[英]Can't show an alert box JavaScript
我正在尝试使此警报出现,但它似乎不起作用,我已经尝试了几乎所有方法,但实际上没有任何作用。
我试过取出警报的变量,它可以工作,但是我需要它来显示乘法的结果。
然后,我尝试仅在警报框中添加变量,但是它不起作用,而且我找不到问题出在哪里。
<!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> </td>
<td> </td>
<td> </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>
变量result
仅存在于calculate()
函数中。 您需要在disp_alert()
函数中再次检索该值。
function disp_alert() {
var result = document.getElementById('result');
alert("Resultaten blir"+result.value);
}
在您的按钮上尝试以下操作:
<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()
该值变为可访问。
您只需在单击按钮时进行计算。
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> </td> <td> </td> <td> </td> </tr> </table> </body>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.