快速编程JS初级教程1
程序员文章站
2024-02-01 08:42:28
...
简单学习之后,就可以达到以下效果:
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");
运行效果:
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.效果
其他资源:
java多人联机对战源码和录像1709.1
下载地址: https://download.csdn.net/download/weixin_42644456/10529566
上一篇: IT忍者神龟之date日期回顾
下一篇: 初级面试 - JS 类型转换的情况