欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

快速编程JS初级教程1

程序员文章站 2024-02-01 08:42:28
...

简单学习之后,就可以达到以下效果:

快速编程JS初级教程1

1.循环和分支,是不是很简单。5行20列的星号,奇数列和偶数列不同

 for(i=1;i<=5;i++)
{
	for(j=1;j<=20;j++)
	{		
		if(j%2==0)
		{
			document.write("-");
		}
		else
		{
			document.write("*");
		}
	}
	document.write("<br />");
 }

2.三角形效果

for(i=1;i<=5;i++)
{
	for(j=1;j<=20;j++)
	{		
		if(j<=i)
		{
			document.write("*");
		}
		 
	}
	document.write("<br />");
 }

3.函数的定义和调用,解决重复的事,输出梯形,平行四边形

function DrawSibian(str1, str2)
{
 
 for(i=1;i<=5;i++)
{

	for(j=1;j<=i;j++)
		document.write(str1);
		
	for(j=1;j<=10;j++)
		document.write(str2);

	document.write("<br />");
 }
}

DrawSibian("-", "*");
DrawSibian(" ", "A");  

运行效果:

快速编程JS初级教程1

4. 数组

var ar=new Array();
ar[0]=15;
ar[1]=10;
ar[2]=16;
ar[3]=20;

for(var i=0;i<ar.length;i++){
        document.write(ar[i]);
        document.write(" ");	
	}

5.二维数组

var ar=new Array();
 for(var i=0;i<3;i++){
       ar[i]=new Array();	
	}
	ar[0][0]="胜10";
	ar[0][1]="输5";
		ar[1][0]="胜8";
	ar[1][1]="输6";
		ar[2][0]="胜3";
	ar[2][1]="输10";
	
	for(var i=0;i<ar.length;i++){
    for(var j=0;j<ar[i].length;j++){
        document.write( ar[i][j] );
        document.write(" ");
		
    }
    document.write("<br/>");
	}

6.游戏地图,成功

var ar=new Array();
for(i=0;i<9;i++)
{
	ar[i]=new Array();
	for(j=0;j<9;j++)
	{
		ar[i][j]=5; //background		
		if(j==0)
			ar[i][j]=2; //wall		
		if(i==8)
			ar[i][j]=2;	// wall
	}
}
ar[2][3]=1; //tank
ar[2][6]=1;
ar[4][6]=1;
////////////////////////////////////////

for(var i=0;i<ar.length;i++){
    for(var j=0;j<ar[i].length;j++){
        document.write("<img width=50 src='tank"+ar[i][j]+".png' />");
    }
    document.write("<br/>");
	}

7.效果

快速编程JS初级教程1

其他资源:

java多人联机对战源码和录像1709.1

下载地址: https://download.csdn.net/download/weixin_42644456/10529566