<!DOCTYPE html>
<html><head lang="en">
<meta charset="UTF-8">
<title>圣诞树</title>
<style>
div{
width: 1280px;
/*height: 200px;*/
}
</style>
</head>
<body>
请输入您想要的圣诞树层数:<input type="text" id="num"/>
<input type="button" οnclick="func()" value="点我点我"/>
<input type="button" οnclick="myclear()" value="清空"/>
<div id="x">
</div>
<script>
var x=document.getElementById("x");
//1
function func(){
var y=document.getElementById("num").value;
for(var i=0;i<y;i++){
for(var n=y;n>i;n--){
x.innerHTML+=" ";
}
for(var j=0;j<=i;j++){
x.innerHTML+=" *";
}
x.innerHTML+="<br/>";
}
}
function myclear(){
x.innerHTML="";
}
//2false
// function func(){
// var y=document.getElementById("num").value;
// var x=y/2;
// for(var i=0;i<y;i++){
// for(var j=x;j>i;j--){
// document.write(" ")
// }
// for(var n=0;n<x;n++){
// document.write("@");
// }
// for(var z=0;z<x;z++){
// document.write("*");
// }
// document.write("<br/>");
// }
//
// }
</script>
</body>
</html>
HTML5学习笔记圣诞树沈晓晗http://bbs.h5edu.cn/?/article/7505