javascript用星號（*）列印樹形結構小指令碼
阿新 • • 發佈：2019-02-18
<!DOCTYPE html>
<html>
<head>
<title>index.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<script type="text/javascript">
while(true){
var x = prompt("請輸入第一個整數（50以內）:");//接收使用者輸入的第一個數
if(x>50){
alert("您輸入的數過大，請重新輸入");
continue;
}
else if(isNaN(x)){
alert("您輸入的不是整數");
continue;
}
break;
}
while(true){
var y = prompt("請輸入第二個整數（20以內）:");//接收使用者輸入的第二個數
if(y>20){
alert("您輸入的數過大，請重新輸入");
continue;
}
else if(isNaN(y)){
alert("您輸入的不是整數");
continue;
}
break;
}
printTree(x,y);//呼叫列印樹的方法
function printTree(n,m){
for(var i=1;i<=n;i++){//列印樹冠
print(i);//呼叫列印*號
if(i!=n){
document.write("<br/>");//最後一次列印完不換行
}
}
document.write("<br/>");//換行，準備列印樹幹
for(var i=0;i<m;i++){//列印樹幹
document.write("* *<br/>");
}
}
function print(n){ //列印*號
for(var i=0;i<n;i++){
document.write("* ");
}
}
document.body.style.textAlign="center";//使列印的結果在網頁中居中顯示
</script>
</body>
</html>
<html>
<head>
<title>index.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<script type="text/javascript">
while(true){
var x = prompt("請輸入第一個整數（50以內）:");//接收使用者輸入的第一個數
if(x>50){
alert("您輸入的數過大，請重新輸入");
continue;
}
else if(isNaN(x)){
alert("您輸入的不是整數");
continue;
}
break;
}
while(true){
var y = prompt("請輸入第二個整數（20以內）:");//接收使用者輸入的第二個數
if(y>20){
alert("您輸入的數過大，請重新輸入");
continue;
}
else if(isNaN(y)){
alert("您輸入的不是整數");
continue;
}
break;
}
printTree(x,y);//呼叫列印樹的方法
function printTree(n,m){
for(var i=1;i<=n;i++){//列印樹冠
print(i);//呼叫列印*號
if(i!=n){
document.write("<br/>");//最後一次列印完不換行
}
}
document.write("<br/>");//換行，準備列印樹幹
for(var i=0;i<m;i++){//列印樹幹
document.write("* *<br/>");
}
}
function print(n){ //列印*號
for(var i=0;i<n;i++){
document.write("* ");
}
}
document.body.style.textAlign="center";//使列印的結果在網頁中居中顯示
</script>
</body>
</html>