在HTML中，我需要创建一个执行onclick事件的提交按钮，这是一个使用距离公式来计算距离的JS函数

Question

<!DOCTYPE html>
<html>
<head>
<title>Home Lab 4</title>
 <head>

 </head>
 <body>

 <table border="4px" bordercolor="navy" bgcolor="white" cellpadding="4px">

 <tr>
 <td>X-coordinate 1:</td> 
 <td><input type="text" id="x1"></td>
 <td>X-coordinate 2:</td>
 <td><input type="text" id="x1"></td>
 </tr>
 <tr>
 <td>Y-coordinate 1:</td>
 <td><input type="text" id="x1"></td>
 <td>Y-coordinate 2:</td>
 <td><input type="text" id="x1"></td>

 </center>
 </table>  

<script type="text/javascript">
function distance()
{
distance=sqrt( (x2 - x1)^2 + (y2 - y2)^2 )

var a = [564,426];
var b = [56,784];

var xN = Math.pow( b[0] - a[0], 2 );
var yN = Math.pow( b[1] - a[1], 2 );

var distance = Math.sqrt(xN + yN);


alert(distance);
}

</script>

<br>
 <input type="button" onclick="distance()" value="distance">





</body>
</html>

我不确定是什么问题，但是无法获取要计算的值。 我还需要有关警报的帮助，该警报会弹出以显示计算出的值。 我已经尝试过无数次改变不同的事物，并且一切都保持不变。 任何帮助将是极好的。 提前致谢！

Answer 1

我想可能是您想要编写如下内容：

<!DOCTYPE html>
<html>
<head>
<title>Home Lab 4</title>
</head>
 <body>

 <table border="4px" bordercolor="navy" bgcolor="white" cellpadding="4px">

 <tr>
 <td>X-coordinate 1:</td> 
 <td><input type="text" id="x1"/></td>
 <td>X-coordinate 2:</td>
 <td><input type="text" id="x2"/></td>
 </tr>
 <tr>
 <td>Y-coordinate 1:</td>
 <td><input type="text" id="y1"/></td>
 <td>Y-coordinate 2:</td>
 <td><input type="text" id="y2"/></td>
 </tr>
 </table>  

<script type="text/javascript">
function distance()
{
    var x1 = parseFloat(document.getElementById("x1").value);
    var x2 = parseFloat(document.getElementById("x2").value);
    var y1 = parseFloat(document.getElementById("y1").value);
    var y2 = parseFloat(document.getElementById("y2").value);
    var distance = Math.sqrt( Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2) );

    var a = [564,426];
    var b = [56,784];

    var xN = Math.pow( b[0] - a[0], 2 );
    var yN = Math.pow( b[1] - a[1], 2 );

    distance = Math.sqrt(xN + yN);

    alert(distance);
}

</script>

<br/>
 <input type="button" onclick="distance()" value="distance" />

</body>
</html>

但是，无论如何，您的代码没有多大意义，因为您正在计算distance并在alert之前的行中覆盖其值...

在HTML中，我需要创建一个执行onclick事件的提交按钮，这是一个使用距离公式来计算距离的JS函数

问题描述

1 个解决方案

解决方案1
0 已采纳 2013-03-08 22:07:14

在HTML中，我需要创建一个执行onclick事件的提交按钮，这是一个使用距离公式来计算距离的JS函数

问题描述

1 个解决方案

解决方案1 0 已采纳 2013-03-08 22:07:14

解决方案1
0 已采纳 2013-03-08 22:07:14