Javascript 编辑html/js代码并在网页中显示输出

我想在中学教一门基础编程（条件语句，循环语句…）。我想用一些游戏来教他们，左侧代码存在，右侧输出显示。每当用户编辑左侧代码并按submit时，右侧输出将显示

我想要像在学校或中学里一样的东西

提出一些如何做的建议

有没有像这样的可嵌入编辑器，或者有没有API，我们可以在点击按钮时转发代码，并将输出显示在框架中。有没有像这样的开源项目，这样我就可以根据我的要求进行修改

---

我想在《流星》中发展这一点。免责声明：我对《流星》一无所知

但是如果它是一个JS库。。。

---

有一个javascript模式（有点像上面的示例），也许您可以将库作为第一行代码包含进去？

Meteor是一个基于Node.js的框架，因此不可能将它放在repl.it中。虽然，对于这个目的，和是伟大的工具本身，为基本的循环流星是没有必要的。