JS 查询水果的价格并输出倒正金字塔直线,使用多分支语句实现用户在弹出框中输入一个水果,如果有该水果就弹出价格,如果该水果不存在就弹出“没有该水果”的效果。通过document.write(“hr width=” + i+”%/>”)使用javascript循环语句输出倒金字塔直线的效果。
时间: 2024-03-01 22:50:07 浏览: 48
好的,我理解了你的要求。以下是代码实现:
```javascript
// 定义水果价格对象
var fruitPrice = {
"苹果": 5,
"香蕉": 3,
"橙子": 4,
"西瓜": 10
};
// 弹出输入框,获取用户输入的水果名
var fruit = prompt("请输入您要查询的水果:");
// 判断该水果是否存在
if (fruit in fruitPrice) {
// 存在该水果,弹出价格
alert(fruit + "的价格是:" + fruitPrice[fruit] + "元");
} else {
// 不存在该水果,弹出提示
alert("没有该水果");
}
// 循环输出倒金字塔直线
for (var i = 100; i > 0; i -= 5) {
document.write("<hr width=" + i + "%/>");
}
```
希望这个代码能够满足你的要求。
相关问题
JS 查询水果的价格并输出倒正金字塔直线,使用多分支语句实现用户在弹出框中输入一个水果,如果有该水果就弹出价格,如果该水果不存在就弹出“没有该水果”的效果
好的,我理解了你的问题。以下是实现该功能的代码:
```javascript
// 创建一个包含水果价格的对象
const fruitPrices = {
"苹果": 5,
"香蕉": 3,
"橙子": 4,
"草莓": 8,
"葡萄": 6
};
// 获取用户输入的水果名称
const fruitName = prompt("请输入一个水果名称:");
// 判断该水果是否存在于价格对象中
if (fruitName in fruitPrices) {
// 如果存在,获取该水果的价格并输出倒正金字塔直线
const price = fruitPrices[fruitName];
for (let i = price; i >= 1; i--) {
let line = "";
for (let j = 1; j <= i; j++) {
line += "*";
}
console.log(line);
}
} else {
// 如果不存在,弹出“没有该水果”的提示
alert("没有该水果");
}
```
上面的代码中,我们首先创建了一个包含水果价格的对象 `fruitPrices`,然后使用 `prompt` 方法获取用户输入的水果名称,并使用 `in` 运算符判断该水果是否存在于价格对象中。如果存在,我们就获取该水果的价格并输出倒正金字塔直线,否则就弹出“没有该水果”的提示。在输出倒正金字塔直线时,我们使用了两个嵌套的 `for` 循环来生成直线,其中外层循环从该水果的价格开始,逐步递减;内层循环根据当前行数生成对应数量的星号。
请在html页面中使用js输出一个直线型倒金字塔。
好的,我会遵循您的要求。以下是您需要的HTML和JS代码:
HTML代码:
```
<!DOCTYPE html>
<html>
<head>
<title>直线型倒金字塔</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>直线型倒金字塔</h1>
<div id="pyramid"></div>
<script src="script.js"></script>
</body>
</html>
```
JS代码:
```
var pyramid = document.getElementById('pyramid');
var row = 10; // 金字塔的层数
var output = '';
for (var i = row; i > 0; i--) {
for (var j = 1; j <= i; j++) {
output += '*';
}
output += '<br>';
}
pyramid.innerHTML = output;
```
以上JS代码使用两个嵌套的 for 循环,分别控制行和列的输出,从而实现直线型倒金字塔的效果。您可以将 row 的值修改为您想要的金字塔层数,来得到不同大小的金字塔。
相关推荐
![py](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)