Javascript 在HTML中，我需要创建一个执行onclick事件的提交按钮，这是一个JS函数，用于使用距离公式计算距离家庭实验室4 X坐标1： X坐标2： Y坐标1： Y坐标2：函数距离（） { 距离=sqrt（（x2-x1）^2+（y2-y2）^2） var a=[564426]； var b=[56784]； var xN=数学功率（b[0]-a[0]，2）； var yN=数学功率（b[1]-a[1]，2）；变量距离=数学sqrt（xN+yN）；警戒（距离）； }_Javascript_Html

Javascript 在HTML中，我需要创建一个执行onclick事件的提交按钮，这是一个JS函数，用于使用距离公式计算距离家庭实验室4 X坐标1： X坐标2： Y坐标1： Y坐标2：函数距离（） { 距离=sqrt（（x2-x1）^2+（y2-y2）^2） var a=[564426]； var b=[56784]； var xN=数学功率（b[0]-a[0]，2）； var yN=数学功率（b[1]-a[1]，2）；变量距离=数学sqrt（xN+yN）；警戒（距离）； }

javascript html

Javascript 在HTML中，我需要创建一个执行onclick事件的提交按钮，这是一个JS函数，用于使用距离公式计算距离家庭实验室4 X坐标1： X坐标2： Y坐标1： Y坐标2：函数距离（） { 距离=sqrt（（x2-x1）^2+（y2-y2）^2） var a=[564426]； var b=[56784]； var xN=数学功率（b[0]-a[0]，2）； var yN=数学功率（b[1]-a[1]，2）；变量距离=数学sqrt（xN+yN）；警戒（距离）； },javascript,html,Javascript,Html,我不确定问题出在哪里，但我无法得到要计算的值。我还需要一个弹出显示计算值的警报帮助。我尝试过无数次改变不同的事情，一切都保持不变。任何帮助都会很好。提前谢谢我想可能是你想写这样的东西： <!DOCTYPE html> <html> <head> <title>Home Lab 4</title> <head> </head> <body> <table border="4px"

我不确定问题出在哪里，但我无法得到要计算的值。我还需要一个弹出显示计算值的警报帮助。我尝试过无数次改变不同的事情，一切都保持不变。任何帮助都会很好。

提前谢谢

我想可能是你想写这样的东西：

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


家庭实验室4
X坐标1：
X坐标2：
Y坐标1：
Y坐标2：
函数距离（）
{
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距离=数学sqrt（数学功率（x2-x1，2）+数学功率（y2-y1，2））；
var a=[564426]；
var b=[56784]；
var xN=数学功率（b[0]-a[0]，2）；
var yN=数学功率（b[1]-a[1]，2）；
距离=数学sqrt（xN+yN）；
警戒（距离）；
}

但是，无论如何，您的代码没有多大意义，因为您正在计算

距离

并在

警报

之前的行中重写其值。

@ScottHunter这是CS作业为什么您要从函数中为函数名赋值，然后将其声明为变量？在浏览器的JavaScript控制台中查找错误。您忘记关闭表的第二个

。您还有一个

，没有打开标记是的，我注意到并删除了它。另外，如何将in应答转换为块应答而不是警报消息？您必须在HTML中定义一个容器，例如

，然后替换

文档的警报
<!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>