问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

怎么用javascript控制hr长度来打印出金字塔,并且输出

发布网友 发布时间:2022-04-28 15:57

我来回答

3个回答

懂视网 时间:2022-04-23 12:55

本文主要介绍JavaScript实现打印星型金字塔功能,结合具体实例形式分析了javascript针对输出任意给定行数星型金字塔图形的原理与相关实现技巧,需要的朋友可以参考下,希望能帮助到大家。

让你用其它语言写也是完全一样的道理,

这道题估计大家在学习C语言的时候就见过……

也就是打印以下的鬼东西:

当时候看到循环结构的时候觉得很无聊,就相当不屑这题,没有好好仔细想想,

因为要是放在JavaScript完全可以这样写,甚至还不算是JavaScript,仅仅就是一个html:


<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
</head>
<body>
&nbsp;&nbsp;*
&nbsp;***
*****
&nbsp;***
&nbsp;&nbsp;*
</body>
</html>

这里之所以不用utf-8编码是因为utf-8对于nbsp的处理与*的字体会导致排版错乱,就是不是用标准的宋体字,从而导致最终的结果无法查看。

反正你出题人出多少行,我都可以复制粘贴上面的内容完全可以实现,但是,今天编程编到一定量,有点大数据概念的时候,又见到这题,仔细思考了一下,要是出题人要求输出二十万行这样中间轴对称的星型金字塔,我TMD就呵呵了。

所以还是要彻底搞明白这个怎么实现,虽然在实际的编程中不会出现这样的编程,但是,据说一些无聊的面试还是会出这题,至少,后来者问你C语言的时候,问你如果输出二十万行这样的中间轴对称的星型金字塔,你还是要会,这题如果第一次做不好做的。

一、基本目标

首先弹出一个输入框,让用户输入一个奇数,毕竟轴对称需要一个奇数,
然后为了程序的健壮性,必须对用户输入的东西进行判断,如果输入的不是奇数,就弹出提示,不再执行后面的程序,怎么JavaScript判断一个奇数,我已经在《JavaScript对数字的判断与处理》说过,这里不再进行赘述。

考虑到浏览器的负载,这里,用户输入的奇数,我只允许去到189,你调大一点也可以,189由于在我的电脑里面感觉还可以,所以才定这个数的,没有什么特别的意义,乱输入的,不是故意测试的。

输入一个189行,IE已经弹出“中止脚本”的提示了,但不中止也完全没有问题!

运行结果如下:

如果是在写C语言程序或者其他程序,这个值绝对可以定大一点!

二、基本思想

这个弄懂就非常好写了。

首先,我们仅仅是要在*的左边输出空格,右边就没有必要输出空格了,输完*就直接换行

分两部分,一部分是上半部分i<=n/2的时候,另一部分是下半部分i>n/2的时候,

之所以要这样分是因为这两部分输出的*号与输出的空格数是不同的。

之后就是初中都会的找规律问题了,反正我就找到了如上的规律,编程运行时没有问题,其它数学帝找到更牛B的表达式,小弟甘拜下风。

三、制作过程

代码非常简单,就是条件结构与循环结构的表达,上面的思想弄懂了,不用说了。

这里可能会有人觉得奇怪,为何我要先n++然后n%2!=0再来判断,也就是判断n+1是偶数来判断n是否奇数,

这里主要是为了迎合下面的for循环结构……


输出的行数n,为了形成轴对称,所以你输出的必须是奇数!");
if(isNaN(n)||!n)
 alert("你输入的不是数!");
else{
 n++;
 if(n%2!=0)
 alert("你输入的不是奇数!");
 else if(n>190){
 alert("不要这么大嘛!臣妾做不到啊!");
 }
 else{
 for(i=1;i<n;i++){
 if(i<=n/2){
 for(k=n/2-i;k>0;k--)
  document.write("&nbsp;");
 for(j=0;j<2*i-1;j++)
  document.write("*");
  }
 else{
 for(k=i-n/2;k>0;k--)
  document.write("&nbsp;");
 for(j=0;j<2*(n-i)-1;j++)
  document.write("*");
 }
 document.write("<br>");
 }
 }
}
</script>                                        

热心网友 时间:2022-04-23 10:03

document.write("<h3>打印倒正金字塔直线</h3>");//打印一个h3标签,内容是里边的文字
var i= 61;//定义金字塔的起始/截止宽度(百分比为单位)
while(i>0)//进行循环,当宽度大于0时,打印一个宽度为i的hr水平线,并将i自减10个百分比
{
document.write("<hr width=" + i+"%/>");
i=i-10;
}
for(var j=11;j<70;j=j+10){//进行循环,对j赋以初值11,当j小于70时打印一个宽度为j的hr水平线,并将i自增10个百分比
document.write("<hr width=" + j+"%/>");
}

如果不用while,用for循环有两种方案:
第一种——两个for循环
document.write("<h3>打印倒正金字塔直线</h3>");
for(var i=61;i>0;i-=10){//打印倒金字塔
document.write("<hr width=" + i+"%/>");
}
for(var j=11;j<70;j=j+10){//打印正金字塔
document.write("<hr width=" + j+"%/>");
}
第二种——一个for循环
document.write("<h3>打印倒正金字塔直线</h3>");
for(var i=61,j=-1;i<70;){//当i>=11时,i每次自减10,当i<11之后,每次自增10,用j来控制10的正负
document.write("<hr width=" + i+"%/>");
if(i<11)
j=1;
i+=10*j;
}

热心网友 时间:2022-04-23 11:21

这里之所以不用utf-8编码是因为utf-8对于nbsp的处理与*的字体会导致排版错乱,就是不是用标准的宋体字,从而导致最终的结果无法查看。
反正你出题人出多少行,我都可以复制粘贴上面的内容完全可以实现,但是,今天编程编到一定量,有点大数据概念的时候,又见到这题,仔细思考了一下,要是出题人要求输出二十万行这样中间轴对称的星型金字塔,我*就呵呵了。

所以还是要彻底搞明白这个怎么实现,虽然在实际的编程中不会出现这样的编程,但是,据说一些无聊的面试还是会出这题,至少,后来者问你c语言的时候,问你如果输出二十万行这样的中间轴对称的星型金字塔,你还是要会,这题如果第一次做不好做的。
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
红米手机怎么设置仅在wifi下载 映泰A770L3 6.x详细参数 映泰A770L3 6.x重要参数 问心诗集电子书txt全集下载 《第26局世界大学生运动会诗歌集》txt全集下载 自由体诗的欣赏txt全集下载 徐志摩诗全集txt全集下载 站立的近义词有哪些 站立的近义词是什么 小学语文教师工作评价1000字 吉林电气工程学院什么样 如何把一个js生成的金字塔放在一个表格中? javascript 打印倒正金字塔代码求解释 怎样用JAVAscript编写数字金字塔 安全教肓家长反馈意见怎么写 家长会反馈表怎么写 家长会意见反馈表怎么写? 以太坊身份名怎么搞? 交易过程中怎么设置止盈点 ? 以太坊难度爆炸多久一次 炒股中的止盈线是什么?如何设置? 以太坊共识协议Casper原理是怎样的 怎么给群里加好友 群里加好友怎么设置验证 火车票错过了发车时间,可以退款或者可以改签吗? 微信,群主有哪些权限?会否看到谁添加谁?可否对群成员资料的显示情况作统一的设置? 火车票在发车前多久可以在网上改签 我用手机支付宝买的火车票,买的三点的,后来我提前到了,想把火车票时间提前,可以改签吗,怎么改 火车票离开车时间还有一个半小时,可以在手机上改签火车票吗? 火车票错过了发车时间,可以退款或者可以改签吗一? 火车票开车前多久可以改签 车前多长时间可以网上改签 用javascript写一个金字塔样式的**? 在javascript中怎么用*打印一个金字塔? JavaScript的代码问题 如何使用HTML5中canvas绘制一个立体金字塔图形?(javascript可以)_百 ... 谁能解释下金字塔图案的C语言程序代码 大家帮看一下这段JSP代码,输出星号组成的金字塔 求JAVA代码!打印出数字金字塔!(见描述) java金字塔代码有些不明白请大神进来一下下 我的世界地图金字塔代码是多少 求C语言金字塔代码思路! javascript打印金字塔,浏览器问题 C语言字母金字塔代码求解? 用php编写一个函数,从页面输入整数打印对应的金字塔。求代码 用Dreamweaver里的JAVA script 打金字塔星星…… 听说现在嵌入式挺火!不知道什么是嵌入式?我想了解的详细一点? 当前在嵌入式系统开发中有哪些常用的bootloader 发车前会大量放票吗? 我提前二天买高铁没有,但是车快发车前半个小时前还有好多票不知为什么? 高铁离开车前几小时 还放票吗 DNS的概念是什么?什么是DNS?DNS的特点是什么?