金属活性排序互动游戏 - 知达AI助教 | 教育人工智能案例

帮我做一个初中化学按照金属活跃度进行排序的游戏，玩家需要按照提示，如活跃度从高至低依次排序等来通过选择进行排序，所有的选项都是随机打乱，在选完所有的金属后点击确认，如果正确则进入下一关，如果错误则显示错误并所有选项打乱重新开始。每一关都会有不同的选项
以下是一个简单的HTML页面代码，包含CSS和JavaScript，用于实现初中化学金属活跃度排序游戏：

代码生成完成

功能说明：

**随

知达任务回放中

金属活性排序互动游戏

代码

预览

116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
            if (!selectedOrder.includes(metal)) {
                element.classList.add('selected');
                selectedOrder.push(metal);
                document.getElementById('confirmBtn'
                    ).disabled = selectedOrder.length !== 
                    currentRoundMetals.length;
            }
        }
        document.getElementById('confirmBtn'
            ).addEventListener('click', () => {
            const isCorrect = selectedOrder.every((metal, 
                index) => metal.order === 
                currentRoundMetals[index].order);
            if (isCorrect) {
                document.getElementById('result').textContent 
                    = '正确！进入下一关。';
                setTimeout(startNewRound, 1000);
            } else {
                document.getElementById('result').textContent 
                    = '错误！请重试。';
                setTimeout(() => {
                    document.querySelectorAll('.option'
                        ).forEach(option => option.classList
                        .remove('selected'));
                    startNewRound();
                }, 1000);
            }
        });
        // Start the first round
        startNewRound();
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

功能说明：