fengchuanyu 10 months ago
parent
commit
3b48cb3381

+ 1 - 1
3_js基础/1_helloworld.html

@@ -8,7 +8,7 @@
 <body>
     JavaScript
     <script>
-      document.write("hello world!");  
+    //   document.write("hello world!");  
     </script>
 </body>
 </html>

+ 3 - 2
3_js基础/7_页面交互方法.html

@@ -13,8 +13,9 @@
         // var boo = window.confirm("是否关闭");
         // console.log(boo);
 
-        var str = window.prompt("请输入数字");
-        console.log(str);
+        // 带输入框弹框返回输入的值
+        // var str = window.prompt("请输入数字");
+        // console.log(str);
     </script>
 </body>
 </html>

+ 44 - 0
3_js基础/8_内置方法.html

@@ -18,6 +18,50 @@
         // Math.random() 生成随机数字,0-1
         // var roundNum = Math.random();
         // console.log(roundNum);
+
+        // Math 对象方法
+        // var a = 3.56;
+        // var b = 3.014;
+        // console.log(Math.round(a));
+        // console.log(Math.ceil(b));
+        // console.log(Math.floor(a));
+        // console.log(Math.max(a,b));
+        // console.log(Math.min(a,b));
+
+        //String 对象防范
+        var str = "hello world";
+        var str1 = "a,b,c,d,e"
+        // console.log(str[1]);
+        // console.log(str.charAt(0));
+
+        // var str1 = str.slice(0,4);
+        // console.log(str1,str);
+
+        // var arr1 = str1.split(",");
+        // console.log(arr1) 
+
+        // var str2 = str.substr(1,1);
+        // console.log(str2);
+
+        // var str3 = str.substring(1,5);
+        // console.log(str3)
+
+        // var str4 = " hello "
+        // console.log(str4.trim(),str4);
+
+        // var num11 = 1;
+        // var num12 = 2;
+        // var str5 = num11.toString() + num12.toString();
+        // console.log(str5)
+
+        var str6 = "hello world";
+        // console.log(str6.includes("lle"));
+        // console.log(str6.indexOf("a"));
+
+        // console.log(str6.replace("e","1"));
+        // console.log(str6.replaceAll("l","1"));
+        console.log(str6.toUpperCase());
+        
     </script>
 </body>
 </html>

+ 42 - 0
3_js基础/9_数组内置方法.html

@@ -0,0 +1,42 @@
+<!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>
+        var arr = [1,2,3,4,5,6,7,8,9];
+        var arr1 = ["a","b","c","d"];
+
+        // console.log(arr.length)//length 方法返回数组长度
+        
+        // var arr2 = arr.concat(arr1);
+        // console.log(arr2);
+        // 向数组最后添加一个新值
+        // arr1.push("e");
+        // console.log(arr1);
+        // 向数组前方添加新值
+        // arr1.unshift("aa");
+        // console.log(arr1);
+        // 删除数组中最后一个值
+        // arr1.pop();
+        // console.log(arr1);
+        // 删除数组第一个值
+        // var num1 = arr1.shift();
+        //  console.log(arr1,num1);
+
+        //数组转字符串
+        // var str1 = arr1.join("-");
+        // var str1 = arr1.join("");
+        // console.log(str1);
+
+        //字符串转数组
+        // var str2 = "hello";
+        // var arr3 = str2.split("");
+        // console.log(arr3);
+
+    </script>
+</body>
+</html>

+ 33 - 0
3_js基础/练习1_数字炸弹.html

@@ -0,0 +1,33 @@
+<!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>
+        // 生成1-100的随机数字
+        var randomNum = parseInt(Math.random()*100+1);
+        // 定一个数字用来计算猜的次数
+        var guessCount = 0;
+        // 定一个无限循环 用来让用户输入猜的数字
+        while(true){
+            // 每次循环计算一下循环次数
+            guessCount++;
+            //让用户输入数字
+            var guessNum = window.prompt("请输入一个1-100的数字");
+            // 判断输入值的大小
+            if(guessNum > randomNum){
+                alert("你猜大了,重新试试");
+            }else if(guessNum < randomNum){
+                alert("你猜小了,重新试试");
+            }else{
+                // 如果猜对了输出猜的次数并且结束循环
+                alert("你猜对了,你一共猜了"+guessCount+"次");
+                break;
+            }
+        }
+    </script>
+</body>
+</html>