首页使用javascript脚本在页面上输入一个正方形，使用prompt（）方法输入正方形的行数，如果输入的行数大于10，输出的行数最多为10

使用javascript脚本在页面上输入一个正方形，使用prompt（）方法输入正方形的行数，如果输入的行数大于10，输出的行数最多为10

时间: 2024-09-27 21:14:53 浏览: 43

当你想要使用JavaScript在网页上创建一个动态的正方形，并限制用户输入的行数不超过10时，你可以这样做： ```html <!DOCTYPE html> <html lang="zh"> <head> <title>Dynamic Square</title> <script> function drawSquare() { var rows = prompt("请输入正方形的行数（最大10行）:"); if (rows > 10) { rows = 10; // 如果超过10，设置为10行 } for (var i = 0; i < rows; i++) { var row = ""; for (var j = 0; j < rows; j++) { // 行内也是同样的限制 row += " * "; } document.getElementById("square").innerHTML += row + "<br>"; // 将每一行添加到页面上 } } </script> </head> <body> <button onclick="drawSquare()">绘制正方形</button> <div id="square"></div> </body> </html> ``` 在这个示例中，当用户点击"绘制正方形"按钮时，会弹出提示框询问他们想要输入的行数。如果输入超过了10，程序会自动将行数限制为10。然后，它会在`<div id="square">`元素下生成相应的正方形。

阅读全文