当我以html的形式运行这段代码时,矩形将不正确地显示出来。
想不想得到一个合适的结果?
谢谢你的帮助
<!DOCTYPE html>
<html>
<head>
<link href="css/styles.css" rel="stylesheet">
</head>
<body>
<h1>My Website</h1>
<p>This is my first website</p>
<script>
var w=(Math.floor(Math.random()*10))+2;
document.write("width:"+(w+1));
var h=(Math.floor(Math.random()*10))+3;
document.write("height:"+h);
var cua = new Array;
cua[0]="|";
cua[w]="|";
for (i=1;i<w;i++){
cua[i]=" ";
}
//base y techo
var bas = new Array;
for (k=0;k<(w+1);k++){
bas[k]="-";
}
document.write(bas.join(""));//techo
for (j=1;j<(h+1);j++){
document.write(cua.join(""));
}
//join quita las comas
document.write(bas.join(""));//base
</script>
</body>
</html>
发布于 2016-01-02 18:49:09
插入<br>以生成新行, 插入空格。
这是你需要的:
<!DOCTYPE html>
<html>
<head>
<link href="css/styles.css" rel="stylesheet">
</head>
<body>
<h1>My Website</h1>
<p>This is my first website</p>
<script>
var w=(Math.floor(Math.random()*10))+2;
document.write("width:"+(w+1));
var h=(Math.floor(Math.random()*10))+3;
document.write("height:"+h);
var cua = new Array;
cua[0]="|";
cua[w]="|";
for (i=1;i<w;i++){
cua[i]=" ";
}
//base y techo
var bas = new Array;
for (k=0;k<(w+1);k++){
bas[k]="-";
}
document.write("<br>");
document.write(bas.join(""));//techo
document.write("<br>");
for (j=1;j<(h+1);j++){
document.write(cua.join(""));
document.write("<br>");
}
//join quita las comas
document.write(bas.join(""));//base
</script>
</body>
</html>
https://stackoverflow.com/questions/34569393
复制相似问题