2010-11-10 57 views
0

我必须编写一个脚本,读取一个正方形的大小(介于1和20之间),并输出XHTML文本,显示由星号构成的那个大小的空心正方形。我了解并知道如何提示用户的尺寸:帮助JavaScript分配

<script type = "text/javascript"> 

var size; 

//prompt user for size of square 
size = window.prompt("Enter size of square between 1 and 20: "); 

// convert size from a string to an integer 
sizeValue = parseInt(size); 

</script> 

但我不知道该做什么之后。我将不胜感激,谢谢。

+1

下一步,手动创建一些XHTML文本 – generalhenry 2010-11-10 02:01:54

+0

请参阅[什么是JavaScript和Java之间的区别? ](http://stackoverflow.com/questions/245062/whats-the-difference-between-javascript-and-java)。 – 2010-11-10 02:05:36

回答

4

之后你做了什么是以下内容。

构造一个XHTML文档手动,给你你想要的精确输出和11个输入另一个为7

输入然后制定出两个文件之间的差异(空格数,星号等)。

然后,您的任务将构造代码,以输出任意输入的正确XHTML输出。

除了为您编写代码(不是我考虑的作业问题的选项),我可以提供更多的东西。


对于它的价值,这里的一些伪代码(Python的实际,因为它只是这么该死的为伪代码),这将是一个很好的基线开始从:

def square (n): 
    if n < 1: 
     return 
    full = "" 
    for i in range(n): 
     full += "*" 

    empty = "*" 
    for i in range(n-2): 
     empty += " " 
    empty += "*" 

    print full 
    if n > 1: 
     for i in range(n-2): 
      print empty 
     print full 
    print 

square (1) 
square (2) 
square (3) 
square (7) 
square (12) 

,它的输出如下:

* 

** 
** 

*** 
* * 
*** 

******* 
*  * 
*  * 
*  * 
*  * 
*  * 
******* 

************ 
*   * 
*   * 
*   * 
*   * 
*   * 
*   * 
*   * 
*   * 
*   * 
*   * 
************ 

,我不认为这将是太难修改输出多余的文字把它变成一个有效的XHTM L文档,基于您之前创建的手动文档。


而且,如果你正在寻找如何操纵实际网页本身,这很简单的一段JavaScript代码显示一个办法做到这一点。我故意将所有东西都硬编码,这样你就不得不想你你在做什么,但它不应该是一个巨大的延伸,转换和纳入上面的伪代码,并做出任何其他更改是必要的。

<script type = "text/javascript"> 
    var full, empty, i, newdoc; 
    newdoc = "Processing 5 (hardcoded)<hr><pre>"; 
    full = "*****<br>"; 
    for (i = 0; i < 5; i++) 
     newdoc = newdoc + full; 
    newdoc = newdoc + "</pre>"; 
    document.write (newdoc); 
</script> 

此输出:

Processing 5 (hardcoded) 
------------------------ 
***** 
***** 
***** 
***** 
***** 
+1

很好的答案。有一件事要补充,但我有一种感觉,提问者不知道从哪里开始编程构建一个文档。所以,你可以通过附加字符串来构造一个文件,例如'“ ... ”'etcetc然后附加到现有文档(坏主意),或者你可以使用'document.createElement(...)这将创建DOM节点(更好的主意)。在网上搜索“document.createElement”如何工作的文档。 – 2010-11-10 02:12:33

+0

@Darko,好点,我已经添加了一些Javascript显示如何做到这一点,不幸的是糟糕的方式。这将使OP有机会阅读这样做的好方法:-) – paxdiablo 2010-11-10 03:07:57