はい、どうも皆さんこんにちは〜「作業おばけ」です。
今回は「文字数計測器」というものを作っていきます。
実際の動作サンプルはこちら https://www.o--o.cf/
それでは早速ソースコードを載せます。
<!doctype html><html><head><metacharset="utf-8"><title>作業おばけ</title><style>*{margin:0;padding:0;text-align:center;background-color:black;color:skyblue;}h1{color:gold;}h2{color:lightgreen;padding:20px;}textarea{text-align:start;width:50vw;height:50vh;}button{font-size:30px;color:dimgray;}</style></head><body><h1>作業おばけ</h1><h2>文字数カウント</h2><textareaid="word_count"></textarea><br/><buttononclick="run();">実行</button><h1id="OutPut"></h1><script>letword_count="";functionrun(){word_count=document.getElementById("word_count").value;document.getElementById("OutPut").textContent=word_count.length+"文字";}</script></body></html>これをコピぺしてメモ帳に貼り付けて〇〇.htmlで保存すれば動きます。
以上。