js中按钮点击事件无法实现求解

开往春天的绿皮火车 2019-03-24 03:54:02

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>时间最快</title>
<script type="text/javascript" src="../js/jquery-1.4.2.js">
function elect() {
var obj = event.target||event.srcElement;
/* 获取渔船之间的数据 */
var disAInput = document.getElementById("distanceA").value;
alert(disAinput);
var disBInput = document.getElementById("distanceB").value;

var timeA=$("#timeA").val();/* 获取渔船A的出发时间 */
var hA = timeA.split(":")[0];
var mA= timeA.split(":")[1];
var tA = parseInt(hA*60) +parseInt(mA);
alert(tA);

var timeB=$("#timeB").val(); /* 获取渔船B的出发时间 */
var hB = timeB.split(":")[0];
var mB= timeB.split(":")[1];
var tB = parseInt(hB*60) +parseInt(mB);
alert(tB);

var speedAInput = document.getElementById("speedA").value;
var speedBInput = document.getElementById("speedB").value;
var disCInput = document.getElementById("distanceC").value;

/* 计算渔船运行时间 */
var t1 =parseInt(disAInput)/parseInt(speedAInput)+parseInt(disCInput)/parseInt(speedAInput);
var t2 =parseInt(disBInput)/parseInt(speedBInput)+parseInt(disCInput)/parseInt(speedBInput);

/* 比较渔船出发时间的早晚 */
if(tA>=tB){
var t = tA-tB+t1;
if(t>t2){
alert("渔船B到达时间最短");
}else{
alert("渔船A到达时间最短");
}
}else{
var t =tB-tA+t2;
if(t>t1){
alert("渔船A到达时间最短");
}else{
alert("渔船B到达时间最短");
}
}
}
</script>

</head>
<body>
<div>
<table>

<tr>
<td>渔船A距离：</td>
<td><input id="distanceA" type="text"></td>
</tr>
<tr>
<td>渔船A出发时间：</td>
<td><input id="timeA" type="text"></td>
</tr>
<tr>
<td>渔船A航速：</td>
<td><input id="speedA" type="text"></td>
</tr>
<tr>
<td>渔船B距离：</td>
<td><input id="distanceB" type="text"></td>
</tr>
<tr>
<td>渔船B出发时间：</td>
<td><input id="timeB" type="text"></td>
</tr>
<tr>
<td>渔船B航速：</td>
<td><input id="speedB" type="text"></td>
</tr>
<tr>
<td>渔船C离岸边距离：</td>
<td><input id="distanceC" type="text"></td>
</tr>
</table>
<div>
<button onclick="elect()">计算</NOtton>
</div>
</div>
</body>
</html>

...全文

204 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

开往春天的绿皮火车 2019-03-24

打赏
举报

引用 1 楼天际的海浪的回复：

引入外部js文件和内嵌的js代码要分开写两个script标签。 <script type="text/javascript" src="../js/jquery-1.4.2.js"></script> <script type="text/javascript"> function elect() { 。。。。。。。。。。。。。 } </script>

🙏谢谢

天际的海浪 2019-03-24

打赏
举报

还有 alert(disAinput); 变量中I是大写

天际的海浪 2019-03-24

打赏
举报

引入外部js文件和内嵌的js代码要分开写两个script标签。 <script type="text/javascript" src="../js/jquery-1.4.2.js"></script> <script type="text/javascript"> function elect() { 。。。。。。。。。。。。。 } </script>