新建2.html和2.js,使用外部链接的方式。在页面中显示“今有雉(鸡)兔同笼,上有三十五头,下有九十四足。问雉兔各几何。”文字并有一个按钮,点击按钮后弹出对话框显示鸡和兔子的个数。
时间: 2024-05-08 16:21:25 浏览: 70
2.html代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<title>鸡兔同笼</title>
<meta charset="utf-8">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="2.js"></script>
</head>
<body>
<p>今有雉(鸡)兔同笼,上有三十五头,下有九十四足。问雉兔各几何。</p>
<button id="btn">求解</button>
</body>
</html>
```
2.js代码如下:
```js
// 点击按钮
$("#btn").click(function(){
// 获取输入的头和脚的数目
var head = 35;
var foot = 94;
// 计算鸡和兔的个数
var rabbit = (foot - head * 2) / 2;
var chicken = head - rabbit;
// 弹出对话框显示结果
alert("兔子的数量为:" + rabbit + ",鸡的数量为:" + chicken);
});
```
当点击页面中的按钮时,会弹出对话框显示鸡和兔子的个数。
阅读全文