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

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

代码生成中...

知达任务回放中

金属活性排序互动游戏

代码

预览

102
103
104
105
106
107
108
109
110
111
112
113
114
115
            document.getElementById
                ('options'
                ).innerHTML = '';
            document.getElementById
                ('result'
                ).textContent = '';
            document.getElementById
                ('confirmBtn'
                ).disabled = true;
            shuffledOptions.forEach
                (metal => {
                const div = 
                 document
                 .createElement
                 ('div');
                div.className = 
                 'option';
                div.textContent = 
                 metal.name;
                div
                 .addEventListener
                 ('click', () => 
                 selectMetal(div, 
                 metal));
                document
                 .getElementById
                 ('options'
                 ).appendChild(div
                 );
            });
        }
        function selectMetal(
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX