gpt4 book ai didi

javascript 和 html 逻辑语句

转载 作者:行者123 更新时间:2023-11-28 06:18:33 25 4
gpt4 key购买 nike

因此,在一个项目中,我被分配制作一个链接到 javascript 文件的简单 html 页面。此页面有 3 个整数输入和 2 个按钮。按钮测试整数是否会形成三 Angular 形,第二个按钮将测试整数是否会形成直 Angular 三 Angular 形。

现在我仍然无法使用第一个按钮。我正在使用的算法:
a+b>c
a+c>b
b+c>a

如果所有这些都是 true,那么该语句应返回“它形成一个三 Angular 形”,而 else 则应声明它不会返回三 Angular 形。

我认为我的逻辑和设置是正确的,但是当我去测试时,所有条件都会返回 true。
任何帮助将非常感激。抱歉,如果我的代码有点草率或没有意义,我仍在学习。

再次感谢。

HTML 文件:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Triangle Tester</title>
<script src="project3.js" type="text/javascript"></script>
</head>

<body>

<div>
<h1>Triangle Tester</h1>
<p>Please input the length (integer) of the first side of the triangle: </p>
<input id="t1" type="text" size="3" />

<p>Please input the length (integer) of the second side of the triangle: </p>
<input id="t2" type="text" size="3" />

<p>Please input the length (integer) of the third side of the triangle: </p>
<input id="t3" type="text" size="3" />

<br/>
<span id="answer"></span>
<br/>

<button onclick="compute1();">Can these three sizes form a triangle?</button>
<button onclick="compute2();">Can these three sizes form a right triangle?</button>
</div>

</body>
</html>

JavaScript 文件:

// JavaScript Document
function compute1()
{
var in1 = document.getElementById("t1"); //A
var in2 = document.getElementById("t2"); //B
var in3 = document.getElementById("t3"); //C
var ans = document.getElementById("answer");

if( (in1.value+in2.value>in3.value)&&
(in1.value+in3.value>in2.value)&&
(in2.value+in3.value>in1.value) )
{
var result = "These three sides can form a triangle!";
ans.innerHTML = result;
}

else
{
var result2 = "These three sides cannot form a triangle!";
ans.innerHTML = result2;
}
}

function compute2()
{
return 0;
}

因此,我们将不胜感激任何帮助。

最佳答案

您需要将值解析为数字 - 目前所有输入都是文本,无法用于正确计算结果。假设您的算法是正确的,请使用:

var in1Val=parseInt(in1.value);
var in2Val=parseInt(in2.value);
var in3Val=parseInt(in3.value);

if( (in1Val+in2.value>in3Val)&&
(in1Val+in3Val>in2Val)&&
(in2Val+in3Val>in1Val) )...

如果存在输入值可能不是数字的风险,您可以使用 parseFloat 并检查是否返回 NaN(如果存在基于非整数的输入)。希望这对加夫里夫有帮助

关于javascript 和 html 逻辑语句,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35736737/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com