i m trying to get this to use the cordinates of two points to find distance with
ID: 3922113 • Letter: I
Question
i m trying to get this to use the cordinates of two points to find distance with a button,and show the distance under
<html>
<head>
<title> Distance calculater
<body>
<h2>Distance calculater</h2>
<p>
Numbers are selected between <input type="text" id="minBox" size=3 value=0>
and <input type="text" id="maxBox" size=3 value=9>.
</p>
<script type="text/javascript" src="../common.js"></script>
<script type="text/javascript">
function calculate() {
var x1=parseFloat(document.getElementById("x1").value);
var y1=parseFloat(document.getElementById("y1").value);
var x2=parseFloat(document.getElementById("x2").value);
var y2=parseFloat(document.getElementById("y2").value);
var xx1=Math.pow((x2-x1),2);
var yy1=Math.pow((y2-y1),2);
var res="=sqrt((x2-x1)^2+(y2-y1)^2) ";
res+="=sqrt(("+x2+"-"+x1+")^2+("+y2+"-"+y1+")^2) ";
res+="=sqrt("+xx1+"+"+yy1+") ";
res+="=sqrt("+(parseFloat(xx1)+parseFloat(yy1))+") ";
res+="="+Math.sqrt(parseFloat(xx1)+parseFloat(yy1))+" ";
res+="="+Math.round(Math.sqrt((parseFloat(xx1)+parseFloat(yy1)))*10000)/10000;
document.getElementById("result1").value=res;
}
</script>
<input type="button" value=cordinate 1
>
input type="button" value=cordinate 2
>
<hr>
<div id="outputDiv"></div>
</body>
</html>
Explanation / Answer
<html>
<head>
<title> Distance calculater
<body>
<h2>Distance calculater</h2>
<p>
Numbers are selected between <input type="text" id="minBox" size=3 value=0>
and <input type="text" id="maxBox" size=3 value=9>.
</p>
<script type="text/javascript" src="../common.js"></script>
<script type="text/javascript">
function calculate() {
var x1=parseFloat(document.getElementById("x1").value);
var y1=parseFloat(document.getElementById("y1").value);
var x2=parseFloat(document.getElementById("x2").value);
var y2=parseFloat(document.getElementById("y2").value);
var xx1=Math.pow((x2-x1),2);
var yy1=Math.pow((y2-y1),2);
var res="=sqrt((x2-x1)^2+(y2-y1)^2) ";
res+="=sqrt(("+x2+"-"+x1+")^2+("+y2+"-"+y1+")^2) ";
res+="=sqrt("+xx1+"+"+yy1+") ";
res+="=sqrt("+(parseFloat(xx1)+parseFloat(yy1))+") ";
res+="="+Math.sqrt(parseFloat(xx1)+parseFloat(yy1))+" ";
res+="="+Math.round(Math.sqrt((parseFloat(xx1)+parseFloat(yy1)))*10000)/10000;
document.getElementById("result1").value=res;
}
</script>
<input type="button" value=cordinate 1
>
input type="button" value=cordinate 2
>
<hr>
<div id="outputDiv"></div>
</body>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.