如何使用Brython创建一个简单的python代码运行器

Brython是一个用于在浏览器中运行Python代码的工具。它允许开发人员使用Python语言编写前端代码，并在浏览器中直接运行。下面是使用Brython创建一个简单的Python代码运行器的步骤：

引入Brython库：首先，在HTML文件中引入Brython库。可以通过以下方式引入：

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/brython@3.9.0/brython.min.js"></script>

创建HTML结构：在HTML文件中创建一个用于输入Python代码和显示结果的区域。可以使用以下代码创建一个简单的结构：

<textarea id="code" rows="10" cols="50"></textarea>
<button onclick="runCode()">运行</button>
<div id="output"></div>

编写JavaScript代码：在JavaScript中编写代码，将输入的Python代码传递给Brython，并将结果显示在页面上。可以使用以下代码：

function runCode() {
  var code = document.getElementById("code").value;
  var output = document.getElementById("output");
  
  // 清空输出区域
  output.innerHTML = "";
  
  // 运行Python代码
  try {
    brython(1); // 初始化Brython
    var pyCode = "print(" + JSON.stringify(code) + ")";
    var pyOutput = document.createElement("pre");
    pyOutput.innerHTML = "";
    output.appendChild(pyOutput);
    $run(pyCode, "__main__");
  } catch (error) {
    output.innerHTML = "运行错误：" + error;
  }
}