搞gaodaima代码
<meta charset=”utf-8″>
<style>
input{
width:50px;
height:40px;
}
#sj{
width:1000px;
height: 40px;
box-shadow:0 10px 40px skyblue inset;
}
</style>
<body>
<script language=”javascript”>
// a总共的行数 document.getElementById(“usernameTip”).innerHTML=”√ 请输入用户名“;
function sanjiaoxing() {
var a=document.getElementById(“sanjiao”).value;
var number=a-0;
// document.getElementById(“sj”).innerHTML=number;
if(number==NaN){
document.getElementById(“sj”).innerHTML=”此值不是数字，请输入数字”;
return false;
}
else{
var n=1;// 第n行
for(;a>0;a–){
for(var b=1;b document.getElementById(“sj”).innerHTML=” “;
}
for(var c=1;c<=2*n-1;c++){
document.getElementById(“sj”).innerHTML=” * “;
}
document.getElementById(“sj”).innerHTML=”“;
n++;
}
// document.write(““);
// document.write(““);
// a总共的行数
}
}
</script>
回复讨论(解决方案)
你每次都重新赋值，所以最后那个
覆盖了，应该不用= 而用 += 来连接。
for(;a>0;a–){
for(var b=1;b document.getElementById(“sj”).innerHTML +=” “;
}
for(var c=1;c<=2*n-1;c++){
document.getElementById(“sj”).innerHTML +=” * “;
}
document.getElementById(“sj”).innerHTML +=”“;
n++;
}
另外你检查是否数字那里有问题。
修改如下：
<meta charset="utf-8"><title>Document</title><style>input{width:50px;height:40px;}#sj{width:1000px;height: 40px;box-shadow:0 10px 40px skyblue inset;}</style><body><div>请输入要显示的三角形的高度：</div><div id="sj"></div><script type="text/javascript"> // a总共的行数 document.getElementById("usernameTip").innerHTML="<font color="red">√ 请输入用户名</font>"; function sanjiaoxing() { var a=document.getElementById("sanjiao").value; // document.getElementById("sj").innerHTML=number; if(/^\d+$/.test(a)==false){ document.getElementById("sj").innerHTML="此值不是数字，请输入数字"; return false; }else{ var n=1;// 第n行 document.getElementById("sj").innerHTML = ""; for(;a>0;a--){ for(var b=1;b"; n++; } // document.write("</br>"); // document.write("</br>"); // a总共的行数 } } </script>
转载请注明原文链接：我想要输出用*组成的三角形，为什么不能在当前指定的div标签不能显示出来值
