pythonスクリプトを使用してChromeコンソールに印刷する - divで印刷する方法を調整するにはどうすればよいですか？

Chrome拡張機能でPythonスクリプトを実行するための初期テストを行っています。次のように動作しますが、コンソールに印刷する代わりにdivの値を表示する方法を理解するのに役立つ必要があります。 Googleを介して構文ヘルプを見つけることができませんでした。ここでpythonスクリプトを使用してChromeコンソールに印刷する - divで印刷する方法を調整するにはどうすればよいですか？

は、Pythonで：

<!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>

出典

2017-11-24 Matthew Snell

この値はどこに表示しますか？ –

@OluwafemiSule私はプレースホルダdivを挿入して私が生きたい場所に質問を編集しました。書式設定は無関係です。これは将来の開発者向けのテストです。 –

選択div CSSセレクタを使用してpと兄弟れる：

from browser import document 

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

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

ここでのpythonを呼び出すHTML、です。

次に、イベントリスナーをバインドして、入力変更を反映するように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>

出典

2017-11-24 05:44:42

素晴らしいです。助けてくれてありがとう。 –

pythonスクリプトを使用してChromeコンソールに印刷する - divで印刷する方法を調整するにはどうすればよいですか？

答えて

関連する問題