Javascript将数组添加到带有边框的表中

我正在尝试将一些随机数据添加到带有边框的表中。我找了一些教程，但没能做到。程序要求用户输入几个国家的名称，然后我将它们存储为数组。但当我运行它时，它显示为"country1country2"，例如，并且没有边界。这是我的代码：

<!DOCTYPE html>
<html>
  <body>
    <table border="1">
    <script>
       var n,count=[],limit=10;
       ncheck();
       function ncheck() {
         if (! Number ( n ) || n > limit || n < 1) {
           n =  +prompt("Please enter the number of countries", "Enter");
           ncheck();
         }
         while ( n > 0) {
           count.push (  prompt( n +" more countries left", "Enter" ) );
           --n;
         }
      } 
      for(var i = 0; i<count.length; i++)
      {
        document.write('<tr><td>'+ count[i] + '</td></tr>');
      }
      document.write('</table>');
     </script>
   </table>
 </body>
</html>

使用CSS设置表格样式。

table {
    border-collapse: collapse;
}
tr {
    border: 1px solid black;
}

演示。

而不是

<script>
<script type="text/javascript">

您应该只有一个标签--><script> </script>，而不是两个

相关内容

最新更新

热门标签：