在JavaScript中通过document.write ("<hr width="+i+"%/>")使用JavaScript循环语句输出倒正金字塔直线的效果。
时间: 2024-03-04 16:49:00 浏览: 28
可以使用以下代码实现:
```javascript
for (var i = 100; i >= 0; i--) {
var line = '';
for (var j = 0; j <= 100; j++) {
if (j >= i) {
line += '*';
} else {
line += ' ';
}
}
document.write(line + '<br>');
}
```
这段代码会输出一个倒正金字塔的效果,使用 `*` 表示直线,使用空格 ` ` 表示空白部分。您可以根据需要调整宽度和高度。
相关问题
JS 查询水果的价格并输出倒正金字塔直线,使用多分支语句实现用户在弹出框中输入一个水果,如果有该水果就弹出价格,如果该水果不存在就弹出“没有该水果”的效果。通过document.write(“hr width=” + i+”%/>”)使用javascript循环语句输出倒金字塔直线的效果。
好的,我理解了你的要求。以下是代码实现:
```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 查询水果的价格并输出倒正金字塔直线,使用多分支语句实现用户在弹出框中输入一个水果,如果有该水果就弹出价格,如果该水果不存在就弹出“没有该水果”的效果。通过document.write(“hr width=” + i+”%/>”)使用javascript循环语句输出倒正金字塔直线的效果。
非常抱歉,之前的回答有误。以下是修正后的代码实现:
```javascript
// 定义水果价格对象
var fruitPrice = {
"苹果": 5,
"香蕉": 3,
"橙子": 4,
"西瓜": 10
};
// 弹出输入框,获取用户输入的水果名
var fruit = prompt("请输入您要查询的水果:");
// 使用多分支语句判断该水果是否存在,并弹出价格或提示
if (fruit === "苹果") {
alert("苹果的价格是:" + fruitPrice["苹果"] + "元");
} else if (fruit === "香蕉") {
alert("香蕉的价格是:" + fruitPrice["香蕉"] + "元");
} else if (fruit === "橙子") {
alert("橙子的价格是:" + fruitPrice["橙子"] + "元");
} else if (fruit === "西瓜") {
alert("西瓜的价格是:" + fruitPrice["西瓜"] + "元");
} else {
alert("没有该水果");
}
// 循环输出倒正金字塔直线
for (var i = 5; i <= 100; i += 5) {
var line = "";
for (var j = i; j <= 100; j += 5) {
line += " ";
}
for (var k = 0; k < i; k++) {
line += "* ";
}
document.write(line + "<br>");
}
```
这个代码实现中,我们使用了多分支语句判断用户输入的水果是否存在,并根据结果弹出价格或提示。同时,我们使用了嵌套的循环语句实现了倒正金字塔直线的效果。希望这次回答能够满足你的要求。
相关推荐
![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)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>产品</title> <style> </style> <script src="./js/jquery-3.1.1.min.js"></script> <script> $().ready(function(){ $("#search").click(function(){ $.ajax({ url:"http://43.136.217.18:8081/getProduct", data:{name:$("#product").val()}, type:"POST", dataType:"JSON", success:function(jsonData){ //将json对象转成字符串打印出来(对应二.1让我们把从服务端返回的json数据粘贴到下方) //document.write(JSON.stringify(jsonData)); //返回数据后,即粘贴完毕后注释掉即可 var html = "";//表头 html +=   品牌 型号 价格 ; for(var i in jsonData.data){//每循环一次就是一行,则每循环一次,html都要加一个 var item = jsonData.data[i]; html += " "; html += "![]()
";//第一列 html += "" + item.brand + " "; html += "" + item.model + " "; html += "" + item.price + " "; html += " "; } html += "";//表尾 $("div:last-child").html(html);//渲染 } }); }); }); </script> </head> <body> <input type="text" id="product" placeholder="请输入产品名称"> <input type="button" id="search" value="搜索"> </body> </html>
![](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)