javascript输出等腰三角形(css画等腰三角形)
用javascript的for语句 打印出一个三角形
!DOCTYPE?html
html
head
????meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/
????title等腰三角形/title
/head
body
????input?type="text"?name=""?id="productName"
????input?type="button"?value="啊哈"?name="btn"?onclick="Triangle();"
????div?id="test"/div
????script?type="text/javascript"
????????function?Triangle()?{
????????????var?length?=?document.getElementById("productName").value;//10;
????????????var?content?=?"";
????????????for?(var?i?=?0;?i??length;?i++)?{
????????????????for?(var?d?=?0;?d??length?-?i;?d++)?{
????????????????????content?=?content?+?"nbsp;nbsp;nbsp;";
????????????????????//document.write("nbsp;nbsp;nbsp;");
????????????????}
????????????????for?(var?e?=?0;?e??i?*?2?+?1;?e++)?{
????????????????????content?=?content?+?"*";
????????????????????//document.write("*");
????????????????}
????????????????content?=?content?+?"br/";
????????????????//document.write("br/");
????????????}
????????????document.getElementById("test").innerHTML?=?content;
????????}
????/script
/body
/html
用JAVASCRIPT输出一个竖着的等腰三角形图形在浏览器上显示 * *** ***** ******* ***** *** *
html
body
script
/*
* 参数n为显示行数
*/
function showSjStar(n){
for(var i=0;in;i++){
for(var p=0;pn-i;p++){//输出空格,输出个数为总行数减去当前行数
document.write("?");
}
for(var s=0;s2*i+1;s++){//输出*,每行输出的个数为 (2*行数+1)
document.write("*");
}
document.write("br");
}
}
showSjStar(5);//显示5行*的等腰三角形,可以自己改变数字看一下
/script
/body
/html
JS 实现等腰三角形(空心)和(实心)
?等腰三角形(空心)
? ? ? ? ? ? ?*
????????????*?*
???????????*???*
??????????*?????*
? ? ? ? // 先实现等腰三角形(实心)
????????//?第一行:j=1??打印:三(4-j)个空格,一(2*j-1)个星星
????????//?第二行:j=2??打印:两(4-j)个空格,三(2*j-1)个星星
????????//?第三行:j=3??打印:一(4-j)个空格,五(2*j-1)个星星
????????//?第四行:j=4??打印:零(4-j)个空格,七(2*j-1)个星星
? ? ? ? // ......
????????//? 步骤一 :打印一行:空格+星星
????????for(var?i=1;i=2;i++){
????????????document.write(' ')
????????}
????????for(var?i=1;i=3;i++){
????????????document.write('*')
????????}
????????//? 步骤二 :打印四行:每一行都是空格加星星( 此为实心)
????????for(var?row=1;row=7;row++){
????????????for(var?i=1;i=(7-row);i++){
????????????????document.write(' ');
????????????}
????????????for(var?i=1;i=(2*row-1);i++){
????????????????document.write('*')
????????????}
????????????document.write('br/')
????????}
????????// ?步骤三:空心等腰三角形:在原来实心星星的地方,除了首尾,其他都是空格
????????for?(var?row?=?1;?row?=?7;?row++)?{
????????????for?(var?i?=?1;?i?=?(7?-?row);?i++)?{
????????????????document.write(' ');
????????????}
????????????//星星
????????????for?(var?i?=?1;?i?=?(2?*?row?-?1);?i++)?{
????????????????if?(i?==?1?||?i?==?(2?*?row?-?1))?{
????????????????????document.write('*');
????????????????}?else?{
????????????????????document.write(' ');
????????????????}
????????????}
????????????document.write('br/')
????????}
函数方法实现:
function?triangle(num)?{
????????????for?(var?rows?=?1;?rows?=?num;?rows++)?{
????????????????for?(var?i?=?1;?i?=?(num?-?rows);?i++)?{
????????????????????document.write(' ');
????????????????}
????????????????for?(var?i?=?1;?i?=?(rows?*?2?-?1);?i++)?{
????????????????????if?(i?==?1?||?i?==?(rows?*?2?-?1))?{
????????????????????????document.write('*');
????????????????????}?else?{
????????????????????????document.write(' ');
????????????????????}
????????????????}
????????????????document.write('br');
????????????}
????????}
????????triangle(6); ????????//此为6行
java 打印等腰三角形,
java 打印等腰三角形可以采用如下方式:
public?class?Mul?{
????public?static?void?main(String?args[])?{
????????for?(int?i?=?1;?i?=?6;?i++)?{
????????????//?空格分布
????????????for?(int?j?=?6?-?i;?j??0;?j--)?{
????????????????System.out.print("?");
????????????}
????????????//?符号分布
????????????for?(int?j?=?1;?j?=?i;?j++)?{
????????????????System.out.print("*?");
????????????}
????????????System.out.println();
????????}
????}
}
效果如下:
用javascript代码编写 一个等腰三角形
html
head
titlejavascript----等腰三角形/title
/head
body
script
var i=0; //行控制
var j=0; //列控制
var k=0; //形状控制
/*思路:先输出类似99乘法口诀表的形状,然后和你的目标形状对比,找到规律,进行控制,我这个估计是比较土的方法,您可以去网上在搜搜更精简的方式*/
for(i=0;i10;i++){
for(k=10;ki;k--){
document.write("?");
}
for(j=0;ji;j++){
document.write(" *");
}
document.write("br/");
}
/script
/body
/html
js中用for循环语句写等腰三角形代码怎么写
????*
??*****
*********
for(var?i?=?0;?i??3;?i++){
????//?0?1?2
????//?4?2?0
????for(var?j?=?0;?j??4?-?2?*?i;?j++){
????????document.write("nbsp;");
????}
????//?0?1?2
????//?1?5?9
????for(var?j?=?0;?j??4?*?i?+?1;?j++){
????????document.write("*");
????}
????document.write("br?/?");
}