fengchuanyu 3 semanas atrás
pai
commit
c6568bcde3

+ 0 - 0
2-JavaScript/10_循环.html → 2-JavaScript/11_循环.html


+ 34 - 0
2-JavaScript/12_Math对象.html

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script>
+        console.log(Math.PI);
+
+        var num = 10.1;
+        // 四舍五入
+        console.log(Math.round(num));
+        // 向下取整
+        console.log(Math.floor(num));
+        // 向上取整
+        console.log(Math.ceil(num));
+
+
+        var num2 = "8.2";
+        // 字符串拼接
+        console.log(num2 + 2);
+
+        // 字符串转数字 只能转换成整型 取整数部分
+        num2 = parseInt(num2)
+        console.log(num2 + 2);
+
+        var num3 = "8.2";
+        num3 = parseFloat(num3);
+        console.log(num3 + 2);
+    </script>
+</body>
+</html>

+ 24 - 4
2-JavaScript/练习4_图形题.html

@@ -7,15 +7,35 @@
 </head>
 <body>
     <script>
+        // 第一题 数字图形
         // 控制输出的行数
-        for(var i=1;i<=5;i++){
-            // 控制每一行的内容
-            for(var j=1;j<=i;j++){
-                document.write(j+"&nbsp;");
+        // for(var i=1;i<=5;i++){
+        //     // 控制每一行的内容
+        //     for(var j=1;j<=i;j++){
+        //         document.write(j+"&nbsp;");
+        //     }
+        //     // 换行
+        //     document.write("<br>");
+        // }
+
+
+        // 第二题星号图形
+        // 控制输出的行数
+        for(var i=0;i<5;i++){
+            // &nbsp; 这个实体字符实现空格
+            // 控制星号前面的空格
+            for(var k=4;k>i;k--){
+                document.write("&nbsp;");
+            }
+            // 控制每一行输出的内容 *
+            for(var j=0;j<=i;j++){
+                document.write("*&nbsp;");
             }
             // 换行
             document.write("<br>");
         }
+
+
     </script>
 </body>
 </html>