Javascript 使用python脚本打印到Chrome控制台-如何调整以在div中打印？_Javascript_Python_Html

Javascript 使用python脚本打印到Chrome控制台-如何调整以在div中打印？

javascript python html

Javascript 使用python脚本打印到Chrome控制台-如何调整以在div中打印？,javascript,python,html,Javascript,Python,Html,在Chrome扩展中执行一些早期测试以运行Python脚本。下面的工作正常，但我需要帮助了解如何在div中显示值，而不是打印到控制台。无法通过谷歌找到任何语法帮助下面是Python： from browser import document def echo(*args): print("Hello {}!".format(document["zone"].value)) //This prints to console. document["test"].bind("click

在Chrome扩展中执行一些早期测试以运行Python脚本。下面的工作正常，但我需要帮助了解如何在div中显示值，而不是打印到控制台。无法通过谷歌找到任何语法帮助

下面是Python：

from browser import document

def echo(*args):
    print("Hello {}!".format(document["zone"].value)) //This prints to console. 

document["test"].bind("click", echo)

下面是调用python的HTML：

<!DOCTYPE html>
<html>
   <head>
      <meta charset="iso-8859-1">
      <script type="text/javascript" src="http://brython.info/src/brython.js"></script>
   </head>
   <body onload="brython()">
      <script type="text/python" src = "hello.py"></script>
      <p>Your name is: <input id="zone" autocomplete="off">
         <button id="test">click!</button>

      <div>Show value here</div>

   </body>
</html>


你的名字是：
点击
在这里显示价值

使用CSS选择器选择与

同级的

div

然后，将事件侦听器绑定到输入并更改div文本以反映输入更改

<script type="text/python">
from browser import document 

div = document.get(selector='body p + div')[0]

def input(ev):
    div.text = ev.target.value

document['zone'].bind('input', input)
</script>


从浏览器导入文档
div=document.get（选择器='body p+div'）[0]
def输入（ev）：
div.text=ev.target.value
文档['zone'].bind（'input'，input）

您想在何处显示此值？@OluwafemiSule我已编辑了我的问题，以插入一个占位符div，我希望它位于何处。格式化是无关的，这只是测试未来的开发。工作得很好。谢谢你的帮助。