生物分类互动教学案例 - 知达AI助教 | 教育人工智能案例

生成一个科学知识分类 HTML 游戏，主题为‘生物分类’（动物 / 植物）。功能要求：屏幕上方有两个分类框（‘动物’‘植物’），下方随机出现物品图标（如‘老虎’‘玫瑰’等）；玩家点击物品拖到对应分类框，正确则框内显示，错误则弹出提示；全部分类完成后显示总结（正确数量 / 总数量），显示在正下方。动植物图标用emoji图标，没有则不要出现该动植物。设计风格生动，分类框用图标区分，物品图标带圆角效果。动植物拖入分类框后正常整齐排列。总共15种动植物，排列整齐。每种动植物只能投放一次。可反复游戏
生物分类互动游戏

我将为您创建一个符合要求的生物分类HTML游戏。这个交互式页面使用标准HTML5、CSS3和JavaScript实现，完全符合Web标准，无需外部依赖。

代码生成中...

知达任务回放中

生物分类互动教学案例

代码

预览

68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
            overflow: hidden;
        }
        
        #animal-box {
            background: linear-gradient(145deg, #bbdefb, 
                #90caf9);
            border: 2px dashed #1e88e5;
        }
        
        #plant-box {
            background: linear-gradient(145deg, #c8e6c9, 
                #a5d6a7);
            border: 2px dashed #43a047;
        }
        
        .category-title {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            margin-bottom: 15px;
            font-size: 1.6rem;
            font-weight: bold;
        }
        
        .category-icon {
            font-size: 1.8rem;
        }
        
        .items-container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

生物分类互动游戏