チェック項目から文章を自動作成するJavaScript

  • 目的:叙述形式で記録を残したい。
  • 課題:頻出の内容であれば毎回打つのがめんどくさい。
  • 解決策:JavaScriptでチェックから自動的に文章を作成。
  • 成果物:auto-sentence

スクリーンショット

HTMLとJavaScriptで動いているので、ウェブブラウザさえあればスタンドアロンでも使えます。環境を選びません。

チェック項目が用意されているのでポチポチ入れます。

ラジオボタンは必須項目でどれか1つだけ選択可能、チェックボックスは複数入力や未入力でもOKです。備考欄は自由に文章を入力できます。

チェックして入力ボタンを押すと下の窓に文章が作成されます。この窓は自由に追記修正可能。コピーボタンを押すとクリップボードにコピーして各所にペースト可能、リセットボタンでチェックと文章がすべて消えます。

HTML

JavaScript

コメント

  1. 小山 より:

    はじめまして。自動文章作成のタグを探していた時に貴サイトにたどり着きました。

    非常にわかりやすく参考にさせていただいていたのですが、
    少しレイアウトを変更しようとした際に、
    どうにも作用せず、お伺いしたくコメントさせていただきました。

    最後に完成する文章の中で、いつ、と、尾行、を交代させたいと考えています。

    Htmlファイルはもちろんですが、
    Jsファイルの//otherと//timeを交代ではテキストボックス内での順番に作用せず、
    大変勝手ですがご教示頂けますと幸いです!

    • オクダ ショウヘイ より:

      コメントありがとうございます。

      備考を最初に持ってくるという前提であれば、jsファイルの//otherを
      sentence = document.getElementById(“other”).value;
      (変更前:sentence = sentence + document.getElementById(“other”).value;)

      そして//timeを
      sentence = sentence + radioButton[0] + “ごはんに”;
      (変更前:sentence = radioButton[0] + “ごはんに”;)

      と、=の後の「sentence +」を取捨してもらえれば動くかと思います。試してみてください。

      あと、この件を調べてる最中に、//まとめた文章をテキストエリアに表示のコード末尾の;(セミコロン)が抜けていたことに気づきました。
      プロシージャの最後だったのか問題なく動いていたようですが、一応;を付けていただく方が無難かと思います。

      • 小山 より:

        オクダ様

        お忙しいところ、ご丁寧にご返信頂きまして、誠にありがとうございます!

        ご教示頂いた通り試してみたところ、無事作用いたしました。
        ありがとうございました!!

タイトルとURLをコピーしました