写一个html页面,页面包括通过心率与脉搏判断人是否疲劳的代码以及加上提示系统
时间: 2023-03-03 19:24:29 浏览: 79
好的,以下是一个简单的使用JavaScript判断心率与脉搏来判断人是否疲劳的HTML页面代码,同时添加了一个提示系统:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>判断疲劳</title>
</head>
<body>
<h1>判断疲劳</h1>
<p>请输入您的心率和脉搏:</p>
<form>
心率: <input type="number" id="heartRate" min="1" max="200"><br>
脉搏: <input type="number" id="pulse" min="1" max="200"><br>
<input type="button" value="判断" onclick="fatigueCheck()">
</form>
<p id="result"></p>
<script>
function fatigueCheck() {
const heartRate = document.getElementById("heartRate").value;
const pulse = document.getElementById("pulse").value;
if (heartRate >= 100 && pulse >= 60 && pulse <= 100) {
document.getElementById("result").innerHTML = "您可能已经疲劳了,请注意休息!";
} else {
document.getElementById("result").innerHTML = "您的身体状况良好!";
}
}
</script>
</body>
</html>
```
在这个页面中,我们使用了一个简单的表单来收集用户输入的心率和脉搏数据,并在点击“判断”按钮后使用JavaScript函数来判断用户是否已经疲劳。如果心率大于等于100,脉搏在60到100之间,那么我们认为用户已经疲劳了,页面将显示一个相应的提示信息。否则,页面将显示一个“身体状况良好”的信息。
希望这个示例对你有所帮助!