本文目录一览:
求JavaScript打印菱形图案
script language="javascript"
function lingxing(){
var i=0,j=0;
for(j=1;j=10;j++)
{
for(i=1;i=15-j;i++)
{
docment.write(" ");
}
for(i=1;i=2*j-1;i++)
{
docment.write(" * ");
}
docment.write("\n");
}
for(j=10;j=1;j--)
{
for(i=1;i=15-j;i++)
{
docment.write("");
}
for(i=2*j-1;i=1;i--) {
docment.write("*");
}
docment.write("\n")
}
}
/script
希望对你有所帮助,谢谢!
如何从页面上输入数字来打印菱形 js
外层for是循环行
内层的两个for是输出每行的空格和*
你出示的这句恰恰体现了用户输入的数字和行之间的关系。
自己写着简单,读别人的就不简单了。因为他没有注释。不扣它也罢。
怎么用js输出一个菱形
方法有很多,我用HTML5的canvas写一个,你直接copy然后创建一个HTML文件,用google浏览器或者火狐亦或是高版本的IE打开就可以看到了
!DOCTYPE html
html
head
meta charset="UTF-8"
title/title
style type="text/css"
body{
margin: 0;
padding: 0;
}
#myCanvas{
margin:200px 600px;
border:5px solid #9c9898
}
/style
script type="text/javascript"
window.onload = function(){
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
drawLine(context,250,10,490,250,20,"blue","round");
drawLine(context,490,250,250,490,20,"blue","round");
drawLine(context,250,490,10,250,20,"blue","round");
drawLine(context,10,250,250,10,20,"blue","round");
}
function drawLine(context,startX,startY,endX,endY,lineWidth,strokeStyle,lineCap){
context.beginPath();
context.moveTo(startX,startY);
context.lineTo(endX,endY);
context.lineWidth = lineWidth;
context.strokeStyle = strokeStyle;
context.lineCap = lineCap;
context.stroke();
}
/script
/head
body
canvas id="myCanvas" width="500" height="500"/canvas
/body
/html
JavaScript用for循环打印这个菱形。
function Printfile() {
var num = prompt("请输入菱形的边长(单击确定之后会看到以*为单位长度组成的菱形)");
for (var i = 1; i = num; i++) //决定输出的行数
{
for (var j = 1; j = num - i; j++) //决定每一行开头的空格数
{
document.write("nbsp");
}
for (var k = 1; k = 2 * i - 1; k++) //决定每一行的*数
{
document.write("*");
}
document.write("/br");
}
for (var i = 1; i = num - 1; i++) //决定输出的行数
{
for (var j = 1; j = i; j++) //决定每一行开头的空格数
{
document.write("nbsp");
}
for (var k = 1; k = 2 * num - 1 - 2 * i; k++) //决定每一行的*数
{
document.write("*");
}
document.write("/br");
}
}
调用后让你输入边长,输入之后就会出现菱形。
调用代码:
Printfile();