糖果平均分游戏设计 - 知达AI助教 | 教育人工智能案例

生成一个除法平均分的动画，供2年级上册的孩子上课使用 2.标题为“平均分大数”； 3.分的过程，1.能让孩子点击糖果拖到小朋友那，2.增加按钮，帮助选择糖果的数量（从5个到50个），帮助选择小朋友的数量（从1个到5个） 4.把“设置数量”“分配模式”“分配进度”这些板块放在一行，分的过程放一行，整个页面显示为2行 5.在此页面增加“包含除”的部分，设置栏把”小朋友数量“修改为“每个小朋友拿的数量”，其他类似；在”包含除“的过程中，每个小朋友拿的数量确定之后不能再增加糖果，没有分完的糖果在每个小朋友达到最多后，再增加一只小朋友，逐步一个一个增加小朋友，最后分完 5.分的结果正确用喜庆的方式庆祝，错误用懊恼的方式表示遗憾。
以下是满足需求的HTML代码，包含“平均分大数”动画页面的设计，支持用户交互、设置栏布局和“包含除”的功能。代码符合Web标准，适配PC端和移动端。

代码生成中...

知达任务回放中

糖果平均分游戏设计

代码

预览

117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
      // 创建小朋友
      for (let i = 0; i < 
          childCount; i++) {
        const child = document
            .createElement('div');
        child.className = 'child';
        child.innerHTML = `<div 
            class="count">0</div>`;
        child.addEventListener
            ('dragover', dragOver);
        child.addEventListener
            ('drop', drop);
        gameArea.appendChild(child
            );
        children.push(child);
      }
    }
    // 开始拖拽
    function dragStart(event) {
      event.dataTransfer.setData
          ('text/plain', event
          .target.id);
    }
    // 允许拖放
    function dragOver(event) {
      event.preventDefault();
    }
    // 放置糖果
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX