在码上掘金写python是什么体验？ 使用python写一个URL分析器

我正在参加「码上掘金挑战赛」详情请看：码上掘金挑战赛来了！

你有想过在浏览器运行python么？就像运行js那样:

现在它来了，不用安装软件，不用安装依赖，只需打开【码上掘金】就能亲身体会。我们也来体会了一把，本次使用【码上掘金】使用python写一个URL分析器。不再是使用vue，而是使用python哦，怎么样，感兴趣吧，快来看看具体实现吧。

码上掘金

code.juejin.cn/pen/7145288…

运行效果

如果你已经使用过【码上掘金】，可以略过本段落，直接看下一段落。

打开码上掘金(code.juejin.cn/)，选择【新建代码片段】【新建空白片段】来新建一个空白项目。

项目新建完毕后，由于我们是使用【码上掘金】写python，所以我们得增加相应的依赖才行，我们打开Script 右侧的设置按钮。

在依赖中写下关于python的js依赖。

添加完成后，我们整个项目初始化就完成了，我们写一点python运行试试。

这里，写的python代码不是放到javascript中，而是放到custom中的哦！

其中，橘黄色部分是【码上掘金】使用python的模板，而蓝色部分是我们自己编写的python程序，我们点击运行后，预期出现了欢迎语和一个列表。

由此证明我们环境设置的没问题。

关于【码上掘金】支持的后端，我们可以看其官方发布的JCode Custom Lang，其github: https://github.com/xitu/jcode-languages

关键是有了后端，还不够哦，如果没有相关的库来操作DOM，如果要自己写一个的话，累也累坏了，于是乎，我们可以看【码上掘金】中python代码运行时是什么，具体信息如下:

我们可以看到，其使用的是brython，于是乎，我们在看到相关资料后，我们可以来写一个简单的操作。

我们要完成的需求是 画一个可以供用户输入的地方，用户输入后，可以将其显示在 下方。

其模型草图如下：

有了如上需求，我们就可以来编写一下这个小需求，其中html代码如下:

在brython中，我们操作DOM的方法可以通过id，于是乎我们就直接给起起名id即可，例如输入框，我们id为txts，按钮我们id为PythonTest，而结果呈现我们以result来命名id。

其中python如下: