「文字数と行数のカウント」by pyscript
PyScript(パイスクリプト)を使うと、HTMLの中に直接Pythonコードを書いて、ブラウザ上で動作させることができます。JavaScriptの代わりにPythonでDOM(HTML要素)を操作するイメージです。 ご依頼の「文字数と行数のカウント」を実装する実例をご紹介します。 1. 実装コード (index.html) このコードを .html ファイルとして保存し、ブラウザで開くだけで動作します。 HTML <!DOCTYPE html > < html lang = "ja" > < head > < meta charset = "UTF-8" > < title > PyScript カウンター </ title > < link rel = "stylesheet" href = "https://pyscript.net/releases/2024.1.1/core.css" > < script type = "module" src = "https://pyscript.net/releases/2024.1.1/core.js" > </ script > < style > body { font-family : sans-serif; padding : 20px ; background-color : #f0f2f5 ; } .container { max-width : 600px ; margin : 0 auto; background : white; padding : 20px ; border-radius : 8px ; shadow: 0 2px 4px rgba ( 0 , 0 , 0 , 0.1 ); } textarea { width : 100% ; height : 200px ; padding : 10px ; b...