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

1 に答える 1

0

次のようなものを書きたいと思うかもしれません:

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

于 2013-03-08T22:07:14.127 に答える