文字数カウンター
テキストを貼り付けるだけで、実際の長さを確認できます · ツール ●○○
ここを変えてみてください
プロンプト
SNSの投稿向けの文字数カウンターを作成してください。追加のインストールは不要で、ブラウザで開くだけで動く単一のHTMLファイル(他のファイルはなし)にしてください。CSSとJavaScriptはその中に含めてください。画像ファイルや外部アドレスは一切使用せず、記号が必要な場合は絵文字や文字を使ってください。 テキストを貼り付けたり入力したりできる大きな入力欄を配置してください。その下に、文字数、単語数、文の数、そして通常の会話のペースで音読したときにかかる時間を表示してください。 上限は280文字です。残りの量をゲージが満たされていくバーで表示し、上限に近づいたら警告色に、上限を超えたら一目でわかる色に変えてください。 文字数は人間が見たままの感覚でカウントしてください。絵文字は2文字ではなく1文字として扱います。 ブラウザを閉じて再度開いても、入力した内容がそのまま残るようにしてください。 完成したら、絵文字を含んだテキストを貼り付けて、見た目の文字数とカウント結果が一致しているかテストして確認してください。
使った技: ファイルは1つだけ · まず何を作るか伝える · 表示するものを決める
絵文字が2文字としてカウントされる場合は、「コード単位ではなく、目に見える文字数でカウントしてください」と指示してください。
返ってきたものを貼り付けてください
こんなものもあります