能否通过HTML按钮执行PyScript REPL？原播放按钮消失问题咨询

可以通过手动编写JavaScript代码，给自定义HTML按钮绑定点击事件，调用REPL的内置执行方法来实现需求，具体操作如下：

• 添加自定义HTML按钮
  在页面中插入一个普通按钮元素：

<button id="run-repl-btn">执行REPL代码</button>

• 编写JavaScript绑定执行逻辑
  PyScript的py-repl元素内置了evaluate方法，可用于执行当前输入框内的代码。我们可以通过DOM获取REPL实例，给按钮绑定点击事件来调用该方法：

document.addEventListener('DOMContentLoaded', () => {
  // 获取页面中的REPL元素
  const repl = document.querySelector('py-repl');
  // 获取自定义按钮
  const runBtn = document.getElementById('run-repl-btn');

  if (repl && runBtn) {
    // 给按钮绑定点击事件，触发代码执行
    runBtn.addEventListener('click', async () => {
      await repl.evaluate();
    });
  }
});

• 额外说明
  • 确保JS代码在PyScript加载完成后执行，所以用DOMContentLoaded事件包裹，或者直接将代码放在页面底部。
  • 如果你的REPL元素设置了专属ID，可以把querySelector('py-repl')替换为getElementById('你的REPL ID')，定位更精准。
  • 原生播放按钮消失大概率是PyScript版本更新导致的UI调整，若想恢复原生按钮，可以核对当前使用的PyScript版本，查看官方配置项是否有开启该按钮的参数。

内容的提问来源于stack exchange，提问作者Alan Jones