diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\344\275\234\344\270\232.md" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\344\275\234\344\270\232.md"
new file mode 100644
index 0000000000000000000000000000000000000000..7e27c2f25ecf5fe576de736af317bcaf95ba215b
--- /dev/null
+++ "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\344\275\234\344\270\232.md"	
@@ -0,0 +1,333 @@
+主观题
+
+### 练习题1：
+
+点名: 每次刷新网页运行, 在控制台 随机输出一位同学的名字 ["老赵", "老李", "小传", "小黑"]，如果输出了，则数组中删除这个名字
+
+```js
+<script>
+let arr = ["老赵", "老李", "小传", "小黑"]
+let random = Math.floor(Math.random()*arr.length)
+console.log(arr[random])
+arr.splice(random,1)
+console.log(arr)
+</script>
+```
+
+
+
+### 练习题2：
+
+声明对象
+
+目的: 复习对象的声明
+
+要求:
+
+1. 声明一个变量per, 类型为对象类型
+2. 该对象的属性为性别,年龄,爱好(3个)
+3. 该对象的方法有 说话, 吃饭(2个)
+4. 在控制台分别调用该对象的属性和方法
+
+```js
+<script>
+let per = {
+    gender : '女',
+    age : '20',
+    hobby : '打游戏',
+    name :'韦大力',
+    eat:function(food){
+console.log(`${this.name}是${this.gender}生，她爱吃${food}`)
+    },
+    speak:function(language){
+        console.log(`${this.name}是${this.gender}生，她爱说${language}`)
+    }
+}
+ per.eat('炸鸡腿')
+ per.speak('八国语言')
+```
+
+
+
+### 练习题3：
+
+调用对象的方法
+
+目的: 复习对象的使用
+
+要求:
+
+1. 对象声明完毕后, 调用对象中的吃饭的方法
+2. 提示: 对象中的方法本质是函数, 调用需要加()
+3. 方法也可以传递参数的
+
+```js
+<script>
+  let per1 = {
+    gender : '女',
+    age : '20',
+    hobby : '打游戏',
+    name :'韦大力',
+    eat:function(food){
+console.log(`${this.name}是${this.gender}生，她爱吃${food}`)
+    },
+    speak:function(language){
+        console.log(`${this.name}是${this.gender}生，她爱说${language}`)
+    }
+}
+ per.eat('烧烤')
+</script>
+```
+
+
+
+### 练习题4：
+
+猜数字游戏，设定次数，最多猜8次
+
+```js
+ <script>
+function play(min,max) {
+    let random = Math.floor(Math.random()*(max-min+1)+min)
+    return random;
+}
+let num = play(1,100)
+
+for (let i = 1; i <= 8; i++) {
+    let number = +prompt("请输入您所猜的数字：")
+    if(number>num){
+alert(`猜大了！还有${8-i}次机会`)
+    }else if(number<num){
+        alert(`猜小了！还有${8-i}次机会`)
+    }
+    else if(number==num){
+        alert("恭喜您！猜对了！")
+        break;
+    } else{
+      alert('请勿输入非法字符串！')
+    }
+}
+ </script>
+```
+
+
+
+### 拓展作业1
+
+**需求：** 利用对象数组渲染英雄列表案例
+
+**展示效果：**如下：
+
+![image-20241107230921819](https://gitee.com/gcxxl/note-sheet-bed/raw/master/images/202411072309040.png)
+
+功能1：
+
+1. 利用对象数组里面的数据来渲染页面，渲染多个数据
+2. 鼠标经过停留会显示`英雄名字`
+
+数据：
+
+~~~javascript
+let datas = [
+  { name: '司马懿', imgSrc: '01.jpg' },
+  { name: '女娲', imgSrc: '02.jpg' },
+  { name: '百里守约', imgSrc: '03.jpg' },
+  { name: '亚瑟', imgSrc: '04.jpg' },
+  { name: '虞姬', imgSrc: '05.jpg' },
+  { name: '张良', imgSrc: '06.jpg' },
+  { name: '安其拉', imgSrc: '07.jpg' },
+  { name: '李白', imgSrc: '08.jpg' },
+  { name: '阿珂', imgSrc: '09.jpg' },
+  { name: '墨子', imgSrc: '10.jpg' },
+  { name: '鲁班', imgSrc: '11.jpg' },
+  { name: '嬴政', imgSrc: '12.jpg' },
+  { name: '孙膑', imgSrc: '13.jpg' },
+  { name: '周瑜', imgSrc: '14.jpg' },
+  { name: 'XXX', imgSrc: '15.jpg' },
+  { name: 'XXX', imgSrc: '16.jpg' },
+  { name: 'XXX', imgSrc: '17.jpg' },
+  { name: 'XXX', imgSrc: '18.jpg' },
+  { name: 'XXX', imgSrc: '19.jpg' },
+  { name: 'XXX', imgSrc: '20.jpg' }
+]
+~~~
+
+```js
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="css/hero.css">
+</head>
+<body>
+    <!-- 利用对象数组渲染英雄列表案例 -->
+     <ul class="list">
+     <script>
+let datas = [
+    { name: '司马懿', imgSrc: '01.jpg' },
+    { name: '女娲', imgSrc: '02.jpg' },
+    { name: '百里守约', imgSrc: '03.jpg' },
+    { name: '亚瑟', imgSrc: '04.jpg' },
+    { name: '虞姬', imgSrc: '05.jpg' },
+    { name: '张良', imgSrc: '06.jpg' },
+    { name: '安其拉', imgSrc: '07.jpg' },
+    { name: '李白', imgSrc: '08.jpg' },
+    { name: '阿珂', imgSrc: '09.jpg' },
+    { name: '墨子', imgSrc: '10.jpg' },
+    { name: '鲁班', imgSrc: '11.jpg' },
+    { name: '嬴政', imgSrc: '12.jpg' },
+    { name: '孙膑', imgSrc: '13.jpg' },
+    { name: '周瑜', imgSrc: '14.jpg' },
+    { name: 'XXX', imgSrc: '15.jpg' },
+    { name: 'XXX', imgSrc: '16.jpg' },
+    { name: 'XXX', imgSrc: '17.jpg' },
+    { name: 'XXX', imgSrc: '18.jpg' },
+    { name: 'XXX', imgSrc: '19.jpg' },
+    { name: 'XXX', imgSrc: '20.jpg' }
+  ]
+  for (let index = 0; index < datas.length; index++) {
+        document.write(`
+    <li><img src = "./heros/${datas[index].imgSrc}" title="${datas[index].name}}"></li>
+    `);
+  }
+     </script>
+     </ul>
+    
+</body>
+</html>
+```
+
+
+
+### 拓展作业2
+
+需求： 根据数据完成表格渲染
+
+效果如下：
+
+![image-20241107231005808](https://gitee.com/gcxxl/note-sheet-bed/raw/master/images/202411072310874.png)
+
+功能需求：
+
+1. 表格行要求 编号、科目、成绩、和 删除链接
+2. 最后计算出总分 和 平均分
+
+数据如下：
+
+~~~javascript
+let data = [
+  { subject: '语文', score: 46 },
+  { subject: '数学', score: 80 },
+  { subject: '英语', score: 100 },
+]
+~~~
+
+```js
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        th{
+            background-color: darkgrey;
+        }
+        th,td{
+            text-align: center;
+            margin: auto;
+            border: 1px solid;
+        }
+        table{
+            border: 1px solid;
+            text-align: center;
+            margin: auto;
+            border-collapse: collapse;
+            width: 800px;
+            line-height: 80px;
+
+        }
+        tfoot{
+            line-height: 50px;
+            
+        }
+    </style>
+</head>
+<body>
+<!-- 需求：根据数据完成表格渲染
+效果如下：
+功能需求：
+1. 表格行要求 编号、科目、成绩、和 删除链接
+2. 最后计算出总分和平均分 -->
+<table>
+    <tr>
+        <th>编号</th>
+        <th>科目</th>
+        <th>成绩</th>
+        <th>操作</th>
+    </tr>
+<script>
+const data = [
+      { subject: '语文', score: 46 },
+      { subject: '数学', score: 80 },
+      { subject: '英语', score: 100 },
+    ]
+
+let sum =0;
+for (let index = 0; index < data.length; index++) {
+   sum += data[index].score
+   document.write(`<tr>
+        <td>${index+1}</td>
+    <td>${data[index].subject}</td>
+    <td>${data[index].score}</td>
+    <td><a href = '#'>删除</a></td>
+            </tr>`)
+    }
+</script>
+<tbody>
+    <tr>
+        <td colspan="4">
+            <span>暂无数据</span>
+        </td>
+    </tr>
+</tbody>
+<tfoot>
+    <tr>
+        <td colspan="4">
+<script>
+document.write(`<span style ='margin-right:100px'>总分：${sum}</span>`)
+document.write(`<span>平均分：${sum/data.length}</span>`)
+</script>
+</td>
+    </tr>
+</tfoot>
+</table>
+
+</body>
+</html>
+```
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/css/hero.css" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/css/hero.css"
new file mode 100644
index 0000000000000000000000000000000000000000..a014bbd03adb4d6d31f751577b257f053361c4e8
--- /dev/null
+++ "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/css/hero.css"	
@@ -0,0 +1,56 @@
+* {
+    margin: 0;
+    padding: 0;
+  }
+  
+  ul {
+    list-style: none;
+  }
+  
+  a {
+    width: 150px;
+    height: 30px;
+    text-decoration: none;
+    display: block;
+    margin: 10px auto;
+    background: goldenrod;
+    color: #fff;
+    border-radius: 15px;
+    line-height: 30px;
+  }
+  
+  a:hover {
+    background: gold;
+    color: #666;
+  }
+  
+  body {
+    background: #000;
+    text-align: center;
+  }
+  
+  .list {
+    display: flex;
+    flex-wrap: wrap;
+    width: 500px;
+    margin: 20px auto;
+  }
+  
+  .list li {
+    position: relative;
+    transition: all 1s;
+    margin-top: 15px;
+  }
+  
+  .list li:first-child {
+    margin-left: 0;
+  }
+  
+  .list li:hover {
+    transform: scale(1.3);
+    z-index: 999;
+  }
+  
+  .list li img {
+    width: 100px;
+  }
\ No newline at end of file
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/01.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/01.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..013418af4a5b633283c7929ec4dcdcbce67d7d53
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/01.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/02.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/02.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..c3db7071cba5ed750a9f1e047542be64bbfb99e4
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/02.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/03.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/03.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..8dd48e0cd143874c199a66628dba432a87b5acde
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/03.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/04.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/04.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..703b45cfe572186ed3d20ca8acde28412280a52c
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/04.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/05.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/05.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..098236b698e56603a69399758e6ac6dbb9b804b4
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/05.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/06.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/06.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..5f650946c2ad6a398b29d5eda4d402bbc11fa0e5
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/06.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/07.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/07.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..84bacfebd91e6ff061c01f3b08a3532738226c62
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/07.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/08.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/08.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..fb3cbdadf4cd83ad98e46152fb5a2b3ee0b33b4e
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/08.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/09.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/09.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..f9885ce68ee5b297501e82b6c5ee9bce90d0a6b3
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/09.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/10.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/10.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..aa8ed9047634475be555be81574ff995dd11bc6e
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/10.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/11.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/11.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..bb6609f15d2c21b3ad03ebbabd6ff03fd0f6fc35
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/11.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/12.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/12.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..f17a900ee88c7ae285fbcb2f207f7874ced45e5a
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/12.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/13.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/13.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..20bcfbc1539057012fc54df916252860337b2c7c
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/13.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/14.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/14.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..11bd106f2b9989dad9f96bcca38eef47c746b071
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/14.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/15.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/15.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..b17917bc831faa1a82a46dbc459c3054e54163a0
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/15.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/16.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/16.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..f733ad264f3dd9d7332df475eb77da44c491679c
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/16.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/17.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/17.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..1ccad0e6c770104a46216138237ce985560b3644
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/17.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/18.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/18.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..2c35dcc05ae8a1729b94cc3e5df938f8f9cfca5a
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/18.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/19.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/19.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..df2b53e562a41b116ceea014318984b52abedfa5
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/19.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/20.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/20.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..872c8277e36a7aab626dffa48f022a79d0f989eb
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/20.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/21.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/21.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..a5300d6c2ab6dcf93e6404a6644f7b51c26b5933
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/21.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/22.jpg" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/22.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..2374e726b5bae7dad6c3b13844534f5bdfe99920
Binary files /dev/null and "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/heros/22.jpg" differ
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/\346\213\223\345\261\225\344\275\234\344\270\2321.html" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/\346\213\223\345\261\225\344\275\234\344\270\2321.html"
new file mode 100644
index 0000000000000000000000000000000000000000..988cc4cb13147b869c1fd7d96974992f6f51489f
--- /dev/null
+++ "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/\346\213\223\345\261\225\344\275\234\344\270\2321.html"	
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="css/hero.css">
+</head>
+<body>
+    <!-- 利用对象数组渲染英雄列表案例 -->
+     <ul class="list">
+     <script>
+let datas = [
+    { name: '司马懿', imgSrc: '01.jpg' },
+    { name: '女娲', imgSrc: '02.jpg' },
+    { name: '百里守约', imgSrc: '03.jpg' },
+    { name: '亚瑟', imgSrc: '04.jpg' },
+    { name: '虞姬', imgSrc: '05.jpg' },
+    { name: '张良', imgSrc: '06.jpg' },
+    { name: '安其拉', imgSrc: '07.jpg' },
+    { name: '李白', imgSrc: '08.jpg' },
+    { name: '阿珂', imgSrc: '09.jpg' },
+    { name: '墨子', imgSrc: '10.jpg' },
+    { name: '鲁班', imgSrc: '11.jpg' },
+    { name: '嬴政', imgSrc: '12.jpg' },
+    { name: '孙膑', imgSrc: '13.jpg' },
+    { name: '周瑜', imgSrc: '14.jpg' },
+    { name: 'XXX', imgSrc: '15.jpg' },
+    { name: 'XXX', imgSrc: '16.jpg' },
+    { name: 'XXX', imgSrc: '17.jpg' },
+    { name: 'XXX', imgSrc: '18.jpg' },
+    { name: 'XXX', imgSrc: '19.jpg' },
+    { name: 'XXX', imgSrc: '20.jpg' }
+  ]
+  for (let index = 0; index < datas.length; index++) {
+        document.write(`
+    <li><img src = "./heros/${datas[index].imgSrc}" title="${datas[index].name}}"></li>
+    `);
+  }
+     </script>
+     </ul>
+    
+</body>
+</html>
\ No newline at end of file
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/\346\213\223\345\261\225\344\275\234\344\270\2322.html" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/\346\213\223\345\261\225\344\275\234\344\270\2322.html"
new file mode 100644
index 0000000000000000000000000000000000000000..6d55a2b28e292f1ffb411163025f16ea4a79b48e
--- /dev/null
+++ "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/\346\213\223\345\261\225\344\275\234\344\270\2322.html"	
@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        th{
+            background-color: darkgrey;
+        }
+        th,td{
+            text-align: center;
+            margin: auto;
+            border: 1px solid;
+        }
+        table{
+            border: 1px solid;
+            text-align: center;
+            margin: auto;
+            border-collapse: collapse;
+            width: 800px;
+            line-height: 80px;
+
+        }
+        tfoot{
+            line-height: 50px;
+            
+        }
+    </style>
+</head>
+<body>
+<!-- 需求：根据数据完成表格渲染
+效果如下：
+功能需求：
+1. 表格行要求 编号、科目、成绩、和 删除链接
+2. 最后计算出总分和平均分 -->
+<table>
+    <tr>
+        <th>编号</th>
+        <th>科目</th>
+        <th>成绩</th>
+        <th>操作</th>
+    </tr>
+<script>
+const data = [
+      { subject: '语文', score: 46 },
+      { subject: '数学', score: 80 },
+      { subject: '英语', score: 100 },
+    ]
+
+let sum =0;
+for (let index = 0; index < data.length; index++) {
+   sum += data[index].score
+   document.write(`<tr>
+        <td>${index+1}</td>
+    <td>${data[index].subject}</td>
+    <td>${data[index].score}</td>
+    <td><a href = '#'>删除</a></td>
+            </tr>`)
+    }
+</script>
+<tbody>
+    <tr>
+        <td colspan="4">
+            <span>暂无数据</span>
+        </td>
+    </tr>
+</tbody>
+<tfoot>
+    <tr>
+        <td colspan="4">
+<script>
+document.write(`<span style ='margin-right:100px'>总分：${sum}</span>`)
+document.write(`<span>平均分：${sum/data.length}</span>`)
+</script>
+</td>
+    </tr>
+</tfoot>
+</table>
+
+</body>
+</html>
+
+
+
+<!-- <head>
+  <meta charset="UTF-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="./styles/index.css" />
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    // 核心数据
+    const data = [
+      { subject: '语文', score: 46 },
+      { subject: '数学', score: 80 },
+      { subject: '英语', score: 100 },
+    ]
+    let tr = ''
+    let total = 0 // 计算总分
+    for (let i = 0; i < data.length; i++) {
+      tr += `
+        <tr>
+            <td>${i + 1}</td>
+            <td>${data[i].subject}</td>
+            <td>${data[i].score}</td>
+            <td><a href="#">删除</a></td>
+        </tr>
+      `
+      total += data[i].score
+    }
+    document.write(`
+    <div id="app" class="score-case">
+      <div class="table">
+        <table>
+          <thead>
+            <tr>
+              <th>编号</th>
+              <th>科目</th>
+              <th>成绩</th>
+              <th>操作</th>
+            </tr>
+          </thead>
+          <tbody>
+            ${tr}
+          </tbody>
+          <tbody>
+            <tr>
+              <td colspan="5">
+                <span class="none">暂无数据</span>
+              </td>
+            </tr>
+          </tbody>
+
+          <tfoot>
+            <tr>
+              <td colspan="5">
+                <span>总分：${total}</span>
+                <span style="margin-left: 50px">平均分：${total / data.length}</span>
+              </td>
+            </tr>
+          </tfoot>
+        </table>
+      </div>
+
+    </div>
+    `)
+  </>
+</body>
+
+</html> -->
\ No newline at end of file
diff --git "a/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/\347\273\203\344\271\240.html" "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/\347\273\203\344\271\240.html"
new file mode 100644
index 0000000000000000000000000000000000000000..816a1ed08c24f56939d581a0d915a5b866c7cde7
--- /dev/null
+++ "b/\345\271\262\347\272\257\346\254\243/2024.1107 \345\257\271\350\261\241/\347\273\203\344\271\240\344\270\216\344\275\234\344\270\232/\347\273\203\344\271\240.html"	
@@ -0,0 +1,136 @@
+<!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>
+<!-- 1.点名: 每次刷新网页运行, 在控制台 随机输出一位同学的名字 ["老赵", "老李", "小传", "小黑"]，如果输出了，则数组中删除这个名字 -->
+    <script>
+let arr = ["老赵", "老李", "小传", "小黑"]
+let random = Math.floor(Math.random()*arr.length)
+console.log(arr[random])
+arr.splice(random,1)
+console.log(arr)
+    </script>
+
+<!-- 声明对象
+目的: 复习对象的声明
+要求:
+1. 声明一个变量per, 类型为对象类型
+2. 该对象的属性为性别,年龄,爱好(3个)
+3. 该对象的方法有 说话, 吃饭(2个)
+4. 在控制台分别调用该对象的属性和方法 -->
+<script>
+let per = {
+    gender : '女',
+    age : '20',
+    hobby : '打游戏',
+    name :'韦大力',
+    eat:function(food){
+console.log(`${this.name}是${this.gender}生，她爱吃${food}`)
+    },
+    speak:function(language){
+        console.log(`${this.name}是${this.gender}生，她爱说${language}`)
+    }
+}
+ per.eat('炸鸡腿')
+ per.speak('八国语言')
+</script>
+
+<!-- 调用对象的方法
+目的: 复习对象的使用
+要求:
+1. 对象声明完毕后, 调用对象中的吃饭的方法
+2. 提示: 对象中的方法本质是函数, 调用需要加()
+3. 方法也可以传递参数的 -->
+<script>
+  let per1 = {
+    gender : '女',
+    age : '20',
+    hobby : '打游戏',
+    name :'韦大力',
+    eat:function(food){
+console.log(`${this.name}是${this.gender}生，她爱吃${food}`)
+    },
+    speak:function(language){
+        console.log(`${this.name}是${this.gender}生，她爱说${language}`)
+    }
+}
+ per.eat('烧烤')
+</script>
+
+<!-- 猜数字游戏，设定次数，最多猜8次 -->
+ <script>
+function play(min,max) {
+    let random = Math.floor(Math.random()*(max-min+1)+min)
+    return random;
+}
+let num = play(1,100)
+
+for (let i = 1; i <= 8; i++) {
+    let number = +prompt("请输入您所猜的数字：")
+    if(number>num){
+alert(`猜大了！还有${8-i}次机会`)
+    }else if(number<num){
+        alert(`猜小了！还有${8-i}次机会`)
+    }
+    else if(number==num){
+        alert("恭喜您！猜对了！")
+        break;
+    }else if(i==8){
+alert('下次再接再厉！')
+    }
+    else{
+      alert('请勿输入非法字符串！')
+    }
+}
+
+
+ </script>
+
+
+
+
+
+
+
+
+
+
+
+
+ <!-- function random(min, max) {
+
+    return Math.floor(Math.random() * (max - min + 1)) + min
+}
+  // 生成一个数字先,猜0-20之间的数
+  let num = random(0, 20)
+
+  let flag = true
+  // 最多猜8次
+  for (let i = 1; i <= 8; i++) {
+
+    let userNum = prompt('请输入您要猜的数字')
+
+    // 比较数字
+    if (userNum > num) {
+
+      alert('您猜的数字大了')
+    } else if (userNum < num) {
+
+      alert('您猜的数字小了')
+    } else {
+      flag = false
+      alert('恭喜猜对了！')
+      break
+    }
+  }
+
+  if (flag) {
+    alert('太笨了，这都猜不到！O(∩_∩)O')
+  } -->
+      
+</body>
+</html>
\ No newline at end of file
