js代码编写三角形,矩形,菱形
<! DOCTYPE html>
<title>打印三角形、正方形、菱形、长方形、六边形</title>
<style>
div{width:300px;border:#000 1px solid;text-align:center;}
</style>
//三角形
<div>
<script>
function f1(){
for(var i=1;i<10;i++){
for(var j=1;j<=i;j++){
document.write("*");
}
document.write("<br/>");
}
}
f1();
</script>
</div>
//正方形
<div>
<script>
function f2(){
for(var a=1;a<=10;a++){
for(var b=1;b<=10;b++){
document.write("#"+" ");
}
document.write("<br/>");
}
}
f2();
</script>
</div>
//长方形
<div>
<script>
function f3(){
for(var a=1;a<=5;a++){
for(var b=1;b<=10;b++){
document.write("#"+" ");
}
document.write("<br/>");
}
}
f3();
</script>
</div>
//菱形
<div>
<script>
function f4(){
for(var a=5;a>=-5;a--){
for(var b=-5;b<=5;b++){
if(Math.abs(a)+Math.abs(b)<=5){
document.write("#"+" ");
}
else{
document.write("-");
}
}
document.write("<br/>");
}
}
f4();
</script>
</div>
//等腰三角形
<div>
<script>
function f5(){
for(var a=5;a>=1;a--){
for(var b=-5;b<=5;b++){
if(Math.abs(a)+Math.abs(b)<=5){
document.write("#"+" ");
}
else{
document.write("-");
}
}
document.write("<br/>");
}
}
f5();
</script>
</div>
//六边形
<div>
<script>
function f6(){
for(var a=3;a>=-3;a--){
for(var b=-5;b<=5;b++){
if(Math.abs(a)+Math.abs(b)<=5){
document.write("#"+" ");
}
else{
document.write("-");
}
}
document.write("<br/>");
}
}
f6();
</script>
</div>
//八边形
<div>
<script>
function f7(){
for(var a=4;a>=-4;a--){
for(var b=-4;b<=4;b++){
if(Math.abs(a)+Math.abs(b)<=5){
document.write("#"+" ");
}
else{
document.write("-");
}
}
document.write("<br/>");
}
}
f7();
</script>
</div>