酸碱中和反应虚拟实验 - 知达AI助教 | 教育人工智能案例

创建一个模拟‘酸碱中和反应’的虚拟实验网页。页面上有两支试管，分别装着盐酸和氢氧化钠溶液，还有一个滴管和一张PH试纸。学生可以点击滴管，将一种溶液滴入另一种，同时PH试纸的颜色会根据混合液的酸碱度实时变化。
代码生成中...

知达任务回放中

酸碱中和反应虚拟实验

代码

预览

83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
            height: 200px; /* 
                初始盐酸高度 */
        }
        #naoh-liquid {
            background: linear
                -gradient(to top, 
                #ccffcc, #99ff99);
            height: 200px; /* 
                初始氢氧化钠高度 */
        }
        .drop-bottle {
            width: 60px;
            height: 120px;
            background: linear
                -gradient(to bottom
                , #b0e0e6, #87ceeb
                );
            border-radius: 20px 
                20px 5px 5px;
            position: relative;
            margin: 20px auto;
            cursor: pointer;
            border: 2px solid 
                #4682b4;
        }
        .drop-bottle::before {
            content: '';
            position: absolute;
            top: -20px;
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX